In IE9 is is ok. IE7 and 8 as you reported.
It looks fine in IE9. Were you aware that earlier versions of IE do not support transparent pngs?
Thread Starter
tosok
(@tosok)
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?
Try the image as a gif file with transparency.
Thread Starter
tosok
(@tosok)
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!
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.
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>
Thread Starter
tosok
(@tosok)
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.
Sorry, if you are using a plugin to generate the code then I don’t know. I will look at the plug in though.
Thread Starter
tosok
(@tosok)
perhaps a css statement somewhere?
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.
perhaps a css statement somewhere?
Is your current iframe coming from css?
Thread Starter
tosok
(@tosok)
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.
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?
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.
