Sombra de cuadro en IE7 e IE8

Quiero implementar sombras de cuadro en IE7 e IE8. Lo he intentado todo sin tener éxito. Aquí está el CSS que estoy usando para aplicar sombra de color a 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); } 

Este archivo ie-css3.htc es una solución a los problemas de sombra de IE. Pero solo da sombras negras, no sombras de color. Lo intenté:

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

Pero crea una sombra direccional, y quiero una sombra omnidireccional. También probé el filtro de desenfoque, pero necesita tener divs adicionales, lo cual es desaconsejable en mi caso actual. ¿Alguna opinión experta sobre este problema?

Utilice CSS3 PIE , que emula algunas propiedades de CSS3 en versiones anteriores de IE.

Admite box-shadow (a excepción de la palabra clave inset ).

en ie8 puedes probar

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

Advertencia: en ie8, sueltas fonts lisas por alguna razón, se verán deshilachadas

Podrías probar esto

 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'); 

utilizar esto para solucionar el problema con la caja de sombra

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