Entre la transparencia y la opacidad
Para mostrar un elemento con algún grado de transparencia, podemos hacerlo con CSS 3.
opacity: 0.5; /* los valores oscilan entre 0.0 y 1.0*/
Pero por el momento esta propiedad solo la soportan Safari y las versiones más recientes de Mozilla, por lo que debemos adjuntar códigos propietarios para asegurarnos el efecto deseado:
- moz-opacity:0.5; /* Mozilla 1.6 y anteriores*/
filter:alpha(opacity=50) ; /* Internet Explorer*/
Para IE, también es necesario que cada elemento al que se le quiera aplicar transparencia, tenga definidos width o height.
Ver también:
Intenta - Fadomatic: jugando con la opacidad de elementos
Mandarin Design: CSS Opacity and Transparency
Transparencias en Firefox, Opera, IE,… | aNieto2K
Easy cross-browser transparency | Bite Size Standards
Transparencia con CSS en Intenta
Dynamic Drive CSS Library- Highlight image hover effect (opacity or borderize)
CSSLab » Transparencias a prueba de browsers
CSS Transparency for IE and Mozilla, Firebird and Firefox
CSS2 - opacity
stu nicholls | CSS opacity
Artículos relacionados
Opciones de discusión
Hay 1 comentario
Acabo de descubrir este blog por medio de blogum, de ñblog. Simplemente impresionante, muy util sobre todo ahora que estoy mejorando mi plantilla. Visita diaria obligada a partir de ahora. Enhorabuena por la web.
Deja un comentario