Transparencias en todos los navegadores mediante CSS
Una de las penurias de todo desarrollador web es obtener consistencia en la presentación de contenidos independientemente del navegador. Una de estas inconsistencias es el modo en que cada navegador gestiona las transparencias de imágenes y objetos.
Pues bien, si quieres aplicar transparencia a un elemento, independientemente del navegador, puedes conseguirlo añadiendo unas líneas de CSS al mismo:
|
1 2 3 4 5 6 7 |
elemento { filter: alpha(opacity=50); /* internet explorer */ -khtml-opacity: 0.5; /* khtml, version anterior de safari */ -moz-opacity: 0.5; /* firefox, mozilla, netscape */ opacity: 0.5; /* safari, chrome, opera */ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; /*internet explorer 8 - gracias Andres */ } |
Por supuesto, debes acordarte de modificar el « elemento» por el que vayas a adaptar, y saber también que puedes jugar con los distintos niveles de opacidad hasta encontrar el que se ajuste al aspecto que quieres conseguir.
¿Te gustó este artículo? ¡No sabes lo que te estás perdiendo en YouTube!
