Give a background a alpha in IE

Question

ok, i have this code:

<div style="border:5px solid rgba(0,0,0,0.5);background:#FF0000">yyyyy</div>

but it won't work in IE because it doesn't support rgba(), so, how do i achieve the same effect? hopefully without images or more divs...

Answer 1

Without creating a background image (and applying a pngfix for IE6), you can't. More info: http://www.css3.info/opacity_rgba_and_compromise/

Answer 2

Besides IE, there're a few other browsers that do not support rgba. For IE fallback, check this out: http://css-tricks.com/rgba-browser-support/