[SOLUCIONADO] Letras con sombras

[seoista]

Buenos días a tod@s.

¿Qué puedo hacer para que este código funcione tanto en IE. cómo en FF.?.

Tal cómo está, sólo funciona en IE..

<div id="sombra" style="position:relative; width:100%; height:50%; text-align:center; filter:shadow(color=#000)">
<span style="color:#ffff00; font-size:50px; face:arial;">Bla bla bla</span>
</div>

Muchas gracias.

[kseso?]

Hola Seoista:
Hasta que llegue un maestro y me corrija, pero creo que el filter:shadow(color=#000) no lo entiende FF.
Yo he hecho la prueba con ff 3+ y ei7 en esta página (la primera que encontré).
Debe ser una propiedad exclusiva de ie, como los "moz-" son de ff.

En css3 tienes la propiedad "text-shadow". Aquí un ejemplo

Y hace mucho, mucho tiempo en estos foros

Y con Javat hay unos cuantos scripts (por ejemplo éste)
Un saludo.

[Mikmoro]

Y aquí una simulación con un pequeño truco sólo con CSS, compatible con todos:

http://www.araudi.net/desastres/desastres.html

(el subtítulo de la derecha)

[seoista]

Gracias kseso?, pero no he logrado hacer funcionar tu solucción.

Gracias Mikmoro, he adoptado tu código CSS al verlo más sencillo y funciona en IE y FF.

CSS:

Código:

* { margin: 0px; padding: 0px;}

html, body {
	margin: 0px;
	padding: 0px;
}

#texto {
	position: relative;
}

h2, #sombra {
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000;
	font-size: 30px;
}

#sombra {
	position: absolute;
	left: 1px;
	color: #b8860b;
	top: 2px;
} 

HTML:

Código:

<div id="texto">
<h2>BLA BLA BLA</h2>
<span id="sombra">BLA BLA BLA</span>
</div> 

Muchas gracias a ambos

[Mikmoro]

Perfecto. Es menos semántico pero funciona muy bien.

Me alegro de que te sirva.

Saludos.