css - Sombra de cuadro en IE7 e IE8
internet-explorer internet-explorer-8 (4)
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'');
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 CSS3PIE , 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 fuentes lisas por alguna razón, se verán deshilachadas
utilizar esto para solucionar el problema con la caja de sombra
filter: progid:DXImageTransform.Microsoft.dropShadow (OffX=''2'', OffY=''2'', Color=''#F13434'', Positive=''true'');