La implementación de RGBa para fondos, es algo que poco a poco se va implementando en la mayoría de navegadores, aunque como era de esperar Internet Explorer no lo ha hecho.
La gente de CSS-Trick, comenta un bug detectado por Dam Bean que se produce al usar el color alternativo para estos navegadores.
div {
// IE6 y 7 lo omite (en IE8 se ve bien)
background-color: rgb(255,0,0);
// Solución para estos navegadores
background-color: #fd7e7e;
// RGBa CSS3
background-color: rgba(255,0,0,0.5);
}
Por tema de compatibilidad, usamos un doble sistema de background-color
, con el fin de ofrecer un color alternativo al navegador que no soporte el estandar RGBa. Como vemos en la imagen, este no funciona (en IE 6-7) si usamos una abreviatura o el código hexadecimal del mismo. En caso de no usarlo, Internet Explorer no usará ningún color dejando el elemento sin colorido.
En fin… otro más 😀
6 comentarios, 0 referencias
+
#