Welcome to WebmasterWorld Guest from

Forum Moderators: open

Message Too Old, No Replies

iframe background transparency ignored by Google Chrome

trying to add facebook like button, only Google Chrome has problems



1:14 pm on Jun 27, 2010 (gmt 0)

5+ Year Member

If I change the height to more than 25px in the facebook like iframe it's giving a white background to it in Google Chrome only, any other browser displays it correctly.

the code i use is:
<iframe src="http://www.facebook.com/plugins/like.php?href=http%3A%2F%2Fsubdir.example.com&amp;layout=standard&amp;show_faces=false&amp;width=220&amp;action=like&amp;font=arial&amp;colorscheme=light&amp;height=25" scrolling="no" frameborder="0" allowtransparency="true" style="border:none; overflow:hidden; width:220px; height:25px; background-color:transparent !important"><style type="text/css"> BODY {background:none transparent;}

as you can see i even added the transparent style to the body of the iframe according to advice given on other sites.

can anyone explain why it is like this in Google Chrome only (even Safari is perfect!) and who it can be corrected?

my chrome version is 6.0.447

[edited by: tedster at 8:30 pm (utc) on Sep 5, 2010]
[edit reason] avoid the side scrolling [/edit]


1:18 am on Sep 4, 2010 (gmt 0)

WebmasterWorld Administrator phranque is a WebmasterWorld Top Contributor of All Time 10+ Year Member Top Contributors Of The Month

did you ever get a solution to this problem?


7:29 am on Sep 5, 2010 (gmt 0)

5+ Year Member

nope, i just kept the height lower than 25px...
however fb changed their like button recently which might have changed this behaviour but i haven't tried since

Featured Threads

Hot Threads This Week

Hot Threads This Month