homepage Welcome to WebmasterWorld Guest from
register, free tools, login, search, pro membership, help, library, announcements, recent posts, open posts,
Pubcon Gold Sponsor 2015!
Home / Forums Index / Browsers / Google Chrome Browser
Forum Library, Charter, Moderator: open

Google Chrome Browser Forum

iframe background transparency ignored by Google Chrome
trying to add facebook like button, only Google Chrome has problems

5+ Year Member

Msg#: 4196378 posted 1:14 pm on Jun 27, 2010 (gmt 0)

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]



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

Msg#: 4196378 posted 1:18 am on Sep 4, 2010 (gmt 0)

did you ever get a solution to this problem?


5+ Year Member

Msg#: 4196378 posted 7:29 am on Sep 5, 2010 (gmt 0)

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

Global Options:
 top home search open messages active posts  

Home / Forums Index / Browsers / Google Chrome Browser
rss feed

All trademarks and copyrights held by respective owners. Member comments are owned by the poster.
Home ¦ Free Tools ¦ Terms of Service ¦ Privacy Policy ¦ Report Problem ¦ About ¦ Library ¦ Newsletter
WebmasterWorld is a Developer Shed Community owned by Jim Boykin.
© Webmaster World 1996-2014 all rights reserved