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:
-
elemento {
-
-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.
También te puede interesar :
Hoy ha salido a la luz Internet Explorer 8, la nueva versión del navegador de Microsoft, y c ...
La gente de Automattic, responsables del desarrollo de WordPress, no deja de sorprenderme. Hoy, ...
La verdad es que la función principal de este buscador especializado en realizar búsquedas e ...
probe en otro navegador y anduvo, se puede scar el logo que dice...
12 comentarios en “Transparencias en todos los navegadores mediante CSS”
Información Bitacoras.com...
Si lo deseas, puedes hacer click para valorar este post en Bitacoras.com. Gracias....
Iba a comentar que ya había visto algo parecido en CSS Blog, pero no con esa foto. Se agradece, que hace que uno preste más atención al post xD
Te has dejado el de IE8
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";Saludos
Gracias Andrés, ahora lo añado
jeje, cuidado que puedes tener problemas con adsense!
Para los estrictos con la validación de los estándares, creo que las propiedades "opacity" no la cumplen. Lo tenía en el plugin de "sociable" y daba errores de CSS.
Joer vaya fotito, y encima me molan las orientales..... madre mia....de que iba el post por cierto
[...] Transparencias en todos los navegadores mediante CSS [...]
Que buena la foto, incluso más que la información
Haré este cambio a ver si empiezo a ver las fotos así
Gracias por el dato!
[...] | Ayuda WordPress Comparte este [...]
Hola, estoy aplicando las tranparencias a un menu desplegable. En internet explorer 8 me funciona una sola vez al pasar por arriba ya yadespués no vuelve a funcionar la tranparencia, obviamente solo si alcualizo la página. Qué puedo estar haciendo mal?
Saludos y estaré muy agradecido si puedieran ayudarme.
Escribe un Comentario