Grow your CSS skills. Land your dream job.

Transparent background problem in IE

  • # June 7, 2013 at 4:39 am

    Hi

    Does anybody have a workaround for IE because it is not displaying transparent backgrounds. I am using the following and both types are not working in IE, but fine in Chrome and Firefox

    background: url(bg.png);
    }

    background: rgba(0,0,0,.21);
    }

    # June 7, 2013 at 4:47 am

    Take a look at this

    [http://css-tricks.com/rgba-browser-support/](http://css-tricks.com/rgba-browser-support/ “http://css-tricks.com/rgba-browser-support/”)

    # June 7, 2013 at 4:55 am

    The only way to get around this problem is to create a transparent png file in Photoshop, set its opacity and repeat that using CSS over the area of your website. Take a look at the link above by @eamai, it is really helpful.

    # June 7, 2013 at 5:58 am

    Hi

    I have used a transparent png file background: url(bg.png); } bit it is still showing a solid colour?

    # June 7, 2013 at 6:03 am

    Can you provide a link?

    # June 7, 2013 at 9:13 am

    If you’re going to use an image with alpha transparency anyway, then lose the background color. You don’t need that anymore then.

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

You must be logged in to reply to this topic.

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