Grow your CSS skills. Land your dream job.

Opacity in I.E. Support

  • # January 3, 2013 at 1:09 pm

    Hi All,

    I am having issues with my site & I.E. My site is http://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.

    # January 3, 2013 at 1:26 pm

    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

    # January 3, 2013 at 1:45 pm

    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

    # January 3, 2013 at 2:42 pm

    @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.

    # January 3, 2013 at 3:22 pm

    @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.

Viewing 5 posts - 1 through 5 (of 5 total)

You must be logged in to reply to this topic.

*May or may not contain any actual "CSS" or "Tricks".