css - Sombra de cuadro en IE7 e IE8

internet-explorer internet-explorer-8

Question

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?

Answer 1

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

Answer 2

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

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

Answer 3

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 fuentes lisas por alguna razón, se verán deshilachadas

Answer 4

utilizar esto para solucionar el problema con la caja de sombra

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