Degradados lineales en IE

4 views
Skip to first unread message

Victor García Cuenllas

unread,
Oct 28, 2011, 4:13:28 AM10/28/11
to Maquetación BBVANet
Para los degradados lineales (solo dos valores) en Internet Explorer 7
y 8 vamos a utilizar un filtro en vez de imagen de background.

Cómo usarlo en las pruebas:
<!--[if IE 8]>
<style type="text/css">
.c-lo-que-sea {
filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0,
startColorstr='#FFFFFFFF', endColorstr='#FFF6F7F8')
}
</style>
<![endif]-->
<!--[if IE 7]>
<style type="text/css">
.c-lo-que-sea {
filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0,
startColorstr='#FFFFFFFF', endColorstr='#FFF6F7F8')
}
</style>
<![endif]-->

El valor startColorstr, corresponde al color de superior y
endColorstr al inferiror.
Los colores deben comenzar con dos FF al principio. Si véis el
ejemplo, #FFFFFFFF es blanco con dos FF al inicio (#(FF)FFFFFF o
#(FF)F6F7F8).

En el siguiente mensaje comentaremos los pasos para hacerlo
directamente en SASS.

Wojtek Galaj (Adesis)

unread,
Oct 28, 2011, 4:18:21 AM10/28/11
to maquetaci...@googlegroups.com
Para evitar repetir el bloque de código usen el siguiente condicional para actuar sobre los IE por debajo del 9, o en nuestro caso el 7 y el 8:

<!--[if lt IE 9]>
        <link rel="stylesheet" type="text/css" href="ie8-and-down.css" />
<![endif]-->



2011/10/28 Victor García Cuenllas <victor...@medianet.es>

Rubén Sánchez ( Adesis )

unread,
Nov 2, 2011, 3:34:06 AM11/2/11
to maquetaci...@googlegroups.com
¿Cómo ha quedado el tema?
¿Estamos todos haciéndolo igual ?
--
Un saludo.

 

Rubén Sánchez Sánchez | E-mail: ruben....@adesis.com

www.adesis.com

Tel. (+34) 917 102 423 | Fax. (+34) 913 728 311

Edificio América II - La Florida , C/. Proción,7 28023 MADRID

AVISO: La información contenida en este mensaje de correo electrónico y, en su caso, en cualquier fichero anexo al mismo, tiene carácter reservado y confidencial para uso exclusivo de su destinatario o destinatarios, por lo que su divulgación, copia o distribución a terceros están expresamente prohibidas. En el caso de haber recibido este mensaje por error se ruega comunicarlo inmediatamente mediante reenvío a la dirección electrónica del remitente, eliminándolo a continuación.

Reply all
Reply to author
Forward
0 new messages