background-image + rgba() with fallback in IE 7-8

Question

I\'ve got an element that has background image and transparent background color. I want IE to fall back to solid color.

.element {
    background: url(image.         


        

Answer 1

Try this:

.element {
    background: url(image.png);
    background-color: #000; /* IE 8 */
    background-color: rgba(0,0,0,0.5);
    *background-color: #000; /* IE 7 */
}