problema box shadow

[michelmin]

Despues de buscar y buscar, parches y demás no consigo que me funcione el box shadow en ie7 y 8.

hay algun equivalente para box-shadow: 5px 0 15px 0 #999999 , me refiero a aprovechar el css para ie7 que tengo y meterlo ahí.

un saludo y gracias de antemano


www.elegimos.org

[alexk]

te recomiendo usar el buscador antes de preguntar es un tema ya tratado, te recomiendo este "fix"
http://css3pie.com/
que interpreta esa y otras propiedades CSS3 mas para IE's.

[kseso?]

Lo que dice microsoft al respecto:
http://msdn.microsoft.com/en-us/libr...8VS.85%29.aspx
Quedaría algo así:

Código CSS:

.elemento {filter: progid:DXImageTransform.Microsoft.DropShadow(color=#969696, offx=1, offy=1) progid:DXImageTransform.Microsoft.DropShadow(color=#C2C2C2, offx=1, offy=1) progid:DXImageTransform.Microsoft.DropShadow(color=#EFEFEF, offx=1, offy=1);}
 
.otra_forma { zoom: 1; filter: progid:DXImageTransform.Microsoft.Shadow(color='#969696', Direction=135, Strength=3);}
 

Cambie los valores a los más apropiados.

Un artículo [ing] al respecto:
http://ole-laursen.blogspot.com/2009...w-with-ie.html

[michelmin]

alexk ese fix le tenía pero o no se o logro hacerlo funcionar..




kseso? juer , osea que si yo tengo un css con

Código:

.x-c-s #col3
{float:right;
position:relative;
left:220px;
width:220px;
padding-bottom: 150px;
box-shadow: 5px 0 15px 0 #999999}

tendría que hacer un cssie(por ejemplo) con

Código:

.x-c-s #col3
{float:right;
position:relative;
left:220px;
width:220px;
padding-bottom: 150px;
.elemento {filter: progid:DXImageTransform.Microsoft.DropShadow(color=#969696, offx=1, offy=1) progid:DXImageTransform.Microsoft.DropShadow(color=#C2C2C2, offx=1, offy=1) progid:DXImageTransform.Microsoft.DropShadow(color=#EFEFEF, offx=1, offy=1);}



 
.otra_forma { zoom: 1; filter: progid:DXImageTransform.Microsoft.Shadow(color='#969696', Direction=135, Strength=3);}

 }

así conseguiría el mismo efecto en ie8 que en los demás¿