::before y ::after en IE

ccccccc · #1 (**permalink**) 15/01/2009, 11:16

Buenas, después de pelear un rato comprobé que IE no es compatible con esto.

¿Existe alguna manera de armar un cuadro con css para IE?

Lo que quiero hacer es algo como lo que esta acá:
www.spanish-translator-services.com/espanol/t/007/roundshadow.html

Para eso defino esto

Código:

blockquote 
{
	background: url(cuadrado/fondo.gif) right repeat-y;
	padding: 0;
}
blockquote::before 
{
	background: url(cuadrado/supder.gif) top right no-repeat;
	content: url(cuadrado/supizq.gif);
}

blockquote::after
{
	background: url(cuadrado/infder.gif) bottom right no-repeat;
	content: url(cuadrado/infizq.gif);

}

Obviamente funciona en todo menos en IE.
¿Como hacen normalmente para hacer cosas como esta y que funcione en todos lados?

Muchas gracias!!

webosiris · #2 (**permalink**) 15/01/2009, 11:18

Cita:

Iniciado por ccccccc

¿Como hacen normalmente para hacer cosas como esta y que funcione en todos lados?

http://code.google.com/p/ie7-js/

PD: bienvenido a fdw

kseso? · #3 (**permalink**) 15/01/2009, 11:48

otro ejemplo
http://librosweb.es/referencia/css/quotes.html

(guarda entre tus preferencias esta página)

Un saludo