IE iframe appears to inherit transparency from background

For discussion and questions related to CMS Specific templates and stylesheets (CSS), and themes. or layout issues. This is not a place for generic "I don't know CSS issues"
Locked
stevegos

IE iframe appears to inherit transparency from background

Post 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?
User avatar
manuel
Power Poster
Power Poster
Posts: 354
Joined: Fri Nov 30, 2007 9:15 am

Re: IE iframe appears to inherit transparency from backgroun

Post by manuel »

Dear Stevegos,

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

Greetings,
Manuel
Do you like your open source cms? Buy from the CMSMS partners || Donate
User avatar
manuel
Power Poster
Power Poster
Posts: 354
Joined: Fri Nov 30, 2007 9:15 am

Re: IE iframe appears to inherit transparency from backgroun

Post 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
Do you like your open source cms? Buy from the CMSMS partners || Donate
Locked

Return to “Layout and Design (CSS & HTML)”