Support » Fixing WordPress » iframe transparent background shows up white in ie

  • Resolved tosok

    (@tosok)


    Can anyone help me figure out what to do to get a transparent background in ie like I can in Firefox? I’m using the iframe plugin and was so pleased how well it did in FF. But then I checked the page in IE.

    I’ve fiddled and researched, and fiddled some more but I can’t figure it out. No matter what I do I still get that transparent background showing up white in ie to display properly.

    Here’s the link: http://withoutreservation.org/?page_id=371

    Any help would be greatly appreciated. Thanks!

Viewing 15 replies - 1 through 15 (of 17 total)
  • Moderator kmessinger

    (@kmessinger)

    In IE9 is is ok. IE7 and 8 as you reported.

    esmi

    (@esmi)

    Forum Moderator

    It looks fine in IE9. Were you aware that earlier versions of IE do not support transparent pngs?

    I’m using IE8. The table background is what is showing up as white. In FF it properly shows as transparent.

    Any thoughts or tricks?

    Moderator kmessinger

    (@kmessinger)

    Try the image as a gif file with transparency.

    Having the same problem on this page: http://withoutreservation.org/?page_id=408 so I don’t think it’s an image issue. The content loading in iframe here does not have any graphics… just text. Still get the white background in IE8 but renders the transparent background correctly in FF.

    Any other suggestions on how to get the background to display transparent in IE8 instead of white? I’m a newbie, so if you have a suggestion for inserting/changing code, could you tell me what file(s) or where to make changes. Thanks!

    Moderator kmessinger

    (@kmessinger)

    Once again, good in IE9 and bad in IE7 and 8.

    The only way I know is a gif file. With those you can designate a tranparent area and they work in IE7 and 8.

    Moderator kmessinger

    (@kmessinger)

    Sorry about that. Don’t know why I got stuck on the image thing.

    Change your iframe code to this.

    <iframe width="568" height="320" allowtransparency=true frameborder="0" scrolling="auto" marginheight="0" marginwidth="0" src="http://www.withoutreservation.org/storyteller/article/index.php" ></iframe>

    Thanks for the help! Can you direct me to what file I should put/change this code in?

    Is it the iframe.php WordPress plugin code, the source file: http://www.withoutreservation.org/storyteller/article/index.php or some other file?

    Thanks again.

    Moderator kmessinger

    (@kmessinger)

    Sorry, if you are using a plugin to generate the code then I don’t know. I will look at the plug in though.

    perhaps a css statement somewhere?

    Moderator kmessinger

    (@kmessinger)

    In the editor for posts, switch to html and copy the above code into it. Do not switch to the visual editor. Hit the publish button.

    Moderator kmessinger

    (@kmessinger)

    perhaps a css statement somewhere?

    Is your current iframe coming from css?

    no, but I noticed in the WordPress theme I’m using they are two extra css files… ie.css and ie6.css

    I was thinking maybe some sort of style thing would work that is specific for ie. I really don’t have a clue.

    I can change the background to another color in the body tag of the source file and that will display in IE8, but not a transparent background.

    I am using the iframe plugin which is grabbing a db driven php page as it’s source. Don’t know if that helps.

    I did try pasting the above code into the html editor. Nothing displayed then… no text at all.

    Thanks for trying.

    Moderator kmessinger

    (@kmessinger)

    I did try pasting the above code into the html editor. Nothing displayed then… no text at all.

    Strange, that is exactly how I tested it on IE 7, 8 and 9.

    The two css files you see for IE are conditional files and should have no effect.

    How do you enter text for a post? This is a post is it not?

    esmi

    (@esmi)

    Forum Moderator

    I was thinking maybe some sort of style thing would work that is specific for ie.

    I think that conditional comment CSS might be a more effective route for you. You serve use transparent gifs or whatever up to various versions of IE (or even change the display completely) whilst keeping the original CSS for the more standards-compliant browsers.

Viewing 15 replies - 1 through 15 (of 17 total)
  • The topic ‘iframe transparent background shows up white in ie’ is closed to new replies.