View Full Version : Opacity and quirks mode

05-07-2007, 07:14 AM
I have a page which uses CSS opacity and I recently started testing the page in strict mode (everything in the page was assumed strict so it didn't worry me too much). Now the opacity wont work in IE unless I apply style="position: absolute" directly to the hyperlink (the opaque stuff in question is a menu made with a unordered list). Of course, doing this messes up my layout. It will not work with relative positioning (that is already applied in the external .css file) only absolute. So is there some IE secret about opacity when your not in quirks mode I don't know about?

05-07-2007, 07:32 AM
Ok so i fixed it with this little hunk of code

position: relative !important;
position: absolute;

But I'd still like to know what IE's big stupid problem with non-quirks opacity is, if anyone can fill me in (well actually filter(opacity=x) but whatever), because it seems my solution is a bit of a hack.

05-07-2007, 08:50 AM
"Filter" is a proprietary code to MS. It essentially (as far as I can muster) dynamically replaces the element you're "filtering" with an affected element, which is why you'll get some weird issues like hyperlinks not working. I don't know much about it except that I always run into problems when using filter to get pngs to work.

You might want to post some code or a link to the page in question for a little more help.