Return to Snippet

Revision: 2185
at January 12, 2007 05:39 by sendoa


Initial Code
/* Ejemplo de opacidad al 20% */
#caja {
    opacity: 0.2;
    -moz-opacity: 0.2;
    filter: alpha(opacity=20);
}

Initial URL
http://www.webintenta.com/transparencia-con-css.html

Initial Description
Obtenido en Intenta -> http://www.webintenta.com

Para implementar transparencia con CSS, debido a las diferencias entre navegadores, deberemos utilizar varias propiedades para definirla sobre un elemento:
- La especificación CSS3 tiene la propiedad opacity, la cual toma valores entre 0 (invisible) y 1 (opaco).
- Los navegadores Mozilla poseen la propiedad -moz-opacity que toma los mismos valores que la propiedad anterior.
- Internet explorer posee el filtro opacity que toma valores entre 0 y 100.

Initial Title
Opacidad CSS para varios navegadores a la vez

Initial Tags


Initial Language
CSS