css internet-explorer internet-explorer-8 internet-explorer-7 css3

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?



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