Page 1 of 1

IE iframe appears to inherit transparency from background

Posted: Wed May 16, 2012 9:47 pm
by stevegos
I have some css that sets a white background on my content area to be transparent:

Code: Select all

.contentBg {
background:rgb(255,255,255);
background:rgba(255,255,255,0.8);
 -ms-filter:alpha(opacity=80);
filter:alpha(opacity=80)
}
On one page I have an iframe of a Google map embedded. In IE9 (all other browsers appear to be fine) the iframe map is also transparent and thus appears to be inheriting the transparency from the background css.

Any idea how to over come this and back the iframe content solid?

Re: IE iframe appears to inherit transparency from backgroun

Posted: Thu May 17, 2012 11:44 am
by manuel
Dear Stevegos,

I have used this solution in the past:
http://www.stevenyork.com/tutorial/pure ... e_children

Greetings,
Manuel

Re: IE iframe appears to inherit transparency from backgroun

Posted: Thu May 17, 2012 1:04 pm
by manuel
And by accident i just came across this:
http://www.lullabot.com/blog/ie-iframe-insanity

Maybe setting allowtransparency="false" will fix your issue?

Greetings,
Manuel