Transparent background problem in IE

[Joejacks]

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);
}

[eamai]

Take a look at this

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

[Watson90]

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.

[Joejacks]

Hi

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

[Watson90]

Can you provide a link?

[Senff]

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

[PicnicTutorials]

like this. very easy http://www.websitecodetutorials.com/code/css/modern-css-opacity.php

[Author]

Posts