Search code examples
cssinternet-explorer-8rgba

CSS background opacity with rgba not working in IE 8

I am using this CSS for background opacity of a <div>:

background: rgba(255, 255, 255, 0.3);

It’s working fine in Firefox, but not in IE 8. How do I make it work?

Solution

  • Create a png which is larger than 1x1 pixel (thanks thirtydot), and which matches the transparency of your background.

    EDIT : to fall back for IE6+ support, you can specify bkgd chunk for the png, this is a color which will replace the true alpha transparency if it is not supported. You can fix it with gimp eg.