como crear este efecto en ie

[Falcon_ARG]

Iniciado por pithon

Hola estoy probando la propiedad text-show pero en firefox funciona bien pero en ie no alguien me podria decir como conseguir este efecto en ie el css es este:

Código HTML:

<div style='text-shadow: 4px 4px #666;'>sombra</div>
 

saludos.

Por más que text-shadow quiera ser... O mejor dicho, sea un estándar para los navegadores más utilizados, en navegadores como IE esta propiedad no funciona bien (hasta la versión 9, la versión 10 ya la traería incorporada - no lo he probado todavía). Por estos motivos se utiliza shadow-filter:

Acá va un ejemplo:

Código HTML:

<div>
   <span class="shadow">Texto con sombra</span>
</div> 

Acá el código CSS:

Código:

.shadow {
text-shadow:#333 1px 1px 1px;
/*Filtro para IE*/
filter: progid:DXImageTransform.Microsoft.Shadow(color='#333', Direction=135, Strength=1);
}

Donde:

• color=’#333′ es el color de la sombra
• Direction=135 es la dirección de la sombra. Es importante que sepas que la sombra puede tomar los siguientes valores: 0, 45, 90, 135, 180, 225, 270, 315.
• Strength=1 el radio de la sombra en píxeles.

Nota. shadow-filter funciona para IE 5.5 en adelante...

Un saludo!