How do I stop Internet Explorer's opacity filter being inherited? — OZONE Asylum, home of the Mad Scientists

FAQ

How do I stop Internet Explorer's opacity filter being inherited?

This page's ID: 5561

You are editing "How do I stop Internet Explorer's opacity filter being inherited?"

Who can edit an FAQ?	Anyone registered may edit an FAQ.

Your User Name:
Your Password:
Login Options:	Remember Me On This Computer

Your Text: Insert Slimies » Insert UBB Code » Close Last Tag \| All Tags UBB Help	The trick is to force IE to adopt the current style. There are a couple of tricks to make it do that but the one I tend to use is position: relative; although you should make sure that this doesn't affect your layout in other browsers. So use something like: [quote]body { background-color: #fff; } #mainDiv { background-color: #c0c0c0; filter: progid:DXImageTransform.Microsoft.Alpha(opacity=20); height: 500px; width:100%; } #nestedDiv { position: relative; filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100); height: 250px; width:100%; }[/quote] on something like: [quote]<div id="mainDiv"> Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diem nonummy nibh euismod tincidunt ut lacreet dolore magna aliguam erat volutpat. Ut wisis enim ad minim veniam, quis nostrud exerci tution ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis te feugifacilisi. Duis autem dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit au gue duis dolore te feugat nulla facilisi. <br /> <hr /> <div id="nestedDiv" > Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diem nonummy nibh euismod tincidunt ut lacreet dolore magna aliguam erat volutpat. Ut wisis enim ad minim veniam, quis nostrud exerci tution ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis te feugifacilisi. Duis autem dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit au gue duis dolore te feugat nulla facilisi. <br /> </div> </div>[/quote] ------------------------------- Relevant threads: [url=http://www.ozoneasylum.com/Forum8/HTML/000528.html]"Uninheriting" styles?[/url] _______________________ [internallink=4626]Emperor[/internallink] [small][i](Added by: [url=http://www.ozoneasylum.com/cgi-bin/ubbmisc.cgi?action=getbio&UserName=Emperor]Emperor [/url] on Tue 25-Feb-2003)[/i][/small] [small][i](Edited by: [url=http://www.ozoneasylum.com/cgi-bin/ubbmisc.cgi?action=getbio&UserName=Emperor]Emperor [/url] on Tue 25-Feb-2003)[/i][/small] Loading...
Options:	Enable Slimies Enable Linkwords

« Backwards — Onwards »

Back to How do I stop Internet Explorer's opacity filter being inherited?

Admin
Preserve
Manage

Advanced Search
Quick Changes
RSS Changes
Member List
Your profile
Admin Log

- Copyright ©1994-2024 by Doctor Thaddeus Ozone, all rights reserved. -
- Grail copyright ©2000-2024 by Tyberius Prime, all rights reserved. -

Debug: This page needed 0.00227904 seconds to process.

Show Forum Drop Down Menu