Box shadow in IE7 e IE8

Question

Desidero implementare ombre casella in IE7 e IE8. Ho provato tutto senza successo. Ecco il CSS che sto usando per applicare l'ombra colorata per un div:

.bright{ 
    position: absolute; 
    z-index: 1; 
    -moz-box-shadow: 0px -3px 55px 20px #147197; 
    box-shadow: 0px -3px 55px 20px #147197; 
    -webkit-box-shadow: 0px -3px 55px 20px #147197; 
    behavior: url(ie-css3.htc); 
} 

Questo file ie-css3.htc è una soluzione ai problemi di IE ombra. Ma dà solo ombre nere, non ombre colorate. Ho provato:

filter: progid:DXImageTransform.Microsoft.Shadow(color='#969696', Direction=100, Strength=13); 

Ma crea un'ombra direzionale e voglio un'ombra omnidirezionale. Ho anche provato il filtro sfocatura, ma ha bisogno di avere div aggiuntive che è sconsigliabile nel mio caso attuale. Qualche opinione di esperti su questo problema?

Answer 1

Utilizzare CSS3 PIE, che emula some CSS3 properties nelle versioni precedenti di IE.

Supporta box-shadow (except for la parola chiave inset).

Answer 2

Si potrebbe provare questo

box-shadow: 
progid:DXImageTransform.Microsoft.dropshadow(OffX=0, OffY=10, Color='#19000000'), 
progid:DXImageTransform.Microsoft.dropshadow(OffX=10, OffY=20, Color='#19000000'), 
progid:DXImageTransform.Microsoft.dropshadow(OffX=20, OffY=30, Color='#19000000'), 
progid:DXImageTransform.Microsoft.dropshadow(OffX=30, OffY=40, Color='#19000000'); 

Answer 3

in IE8 si può provare

-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=135, Color='#c0c0c0')"; 
filter: progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=135, Color='#c0c0c0'); 

avvertimento: in IE8 perdi font liscio per qualche motivo, si avrà un aspetto frastagliato

Answer 4

uso questo per risoluzione problema con scatola ombra

filter: progid:DXImageTransform.Microsoft.dropShadow (OffX='2', OffY='2', Color='#F13434', Positive='true');