treehouse : what would you like to learn today?
Web Design Web Development iOS Development

Opacity in I.E. Support

  • Hi All,

    I am having issues with my site & I.E. My site is www.exerciserx.net it looks fine on Chrome/Firefox and I made all the necessary changes I learned on here...but it still comes up in yucky....any help would be greatly appreciated. Thanks a bunch and Happy New Year!

    Sincerely, Craig M.

  • Use this on the CSS class you're trying to achieve opacity with:

    filter: alpha(opacity = 40);
    

    This is a IE's version of opacity.

    40 is the percentage of opacity. This is equivalent to opacity:0.4;

    PS, no need to pre-tag your text :P

  • It's not quite that simple. A couple more things needed for cross browser.

    Like this http://www.visibilityinherit.com/code/modern-css-opacity.php

  • @eric - Your details there basically show how to do the background as transparent. He may also want the content to be semi transparent. In which case opacity: xx; would be required.

  • @andy_unleash this is true. However in 8 years I have never seen a single ie opacity question that wanted transparent innards. Due to the fact that if you simply google ie opacity I'm sure you get about 5000 answers. But there is a first for everything.