Angel ya te apuntó unos sitios, pero una solución sería hacer un PNG con degradé transparente y listo...
Por qué no usar una imagen? El tamaño es un chiste... tenés que hacer una imagen de 3000x1 ponele, algo así, y lo repetís en la dirección que quieras. No pesa nada.
 
div.Container
{
    ... todo lo de explorer, propietario, feo.
}
 
div.Container[class="Container"]
{
    ... todo lo de firefox, safari... este selector es demasiado avanzado para el pobre IE6.
    IE7 ya lo va a interpretar, pero también soportará los PNG transparentes, así que todo bien.
}


From: [email protected] [mailto:[EMAIL PROTECTED] On Behalf Of Diego Jancic
Sent: Sunday, October 01, 2006 10:18 AM
To: puntonet List Member
Subject: [puntonet] [OT] CSS Degrade

Hola gente!,

Estoy intentando hacer un degrade horizontal en un pagina, pero no se me ocurre como hacer para que funcione en Firefox (quiero evitar usar una imagen de fondo por el tamaño..).

En IE puedo hacer esto y funciona bien:

 

filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=1, StartColorStr= '#D4D0C8' , EndColorStr='#F5F5F4');

 

Alguien sabe si hay un equivalente en FF?

 

Gracias!,

Diego

 

Responder a