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

Question

Ho un elemento con l'immagine di sfondo e il colore di sfondo trasparente. Voglio che IE torni al colore solido.

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

Sembra una domanda semplice, ma non riesco a trovare alcuna soluzione per questo. Alcune soluzioni funzionano solo in IE7, alcune solo in IE8.

Answer 1

Prova questa:

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

Answer 2

Per scrivere le regole CSS in modo specifico su IE8 o inferiore, aggiungere una barra rovesciata e 9 (\ 9) alla fine prima del punto e virgola.

esempio: background-color:#000\9;

source