Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 3 of 3
  1. #1
    New Coder
    Join Date
    May 2007
    Posts
    25
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Opacity and quirks mode

    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?

  • #2
    New Coder
    Join Date
    May 2007
    Posts
    25
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Ok so i fixed it with this little hunk of code
    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.

  • #3
    Senior Coder
    Join Date
    Nov 2003
    Location
    Minneapolis, MN
    Posts
    2,879
    Thanks
    2
    Thanked 65 Times in 56 Posts
    "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.


  •  

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •