The Lodge is members-only design/dev videos and Office Hours.

Next Office Hours Session: "Programming Fundamentals" Dec 02 - 2:00 PM Eastern

Transparent background problem in IE

  • # June 7, 2013 at 4:39 am


    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

    []( “”)

    # 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


    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.

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

Search for Stuff   •   Browse the Archives

Get the Newsletter ... or get the RSS feed