All Posts by Email, Once a Week

Media Temple logo

CSS-Tricks is brought to you in part by Media Temple, the web hosting that we both use and recommend.

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 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!

    Craig M.

    # January 3, 2013 at 1:26 pm

    This reply has been reported for inappropriate content.

    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

    This reply has been reported for inappropriate content.

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

    Like this

    # 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

    This reply has been reported for inappropriate content.

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

There's a whole bunch of content on CSS-Tricks.

Search for Stuff   •   Browse the Archives

Get the Newsletter ... or get the RSS feed