Transparencia con CSS

0 - , - 12/01/2007 11:07:27

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.

Así pues, para definir la transparecia:

#caja {
opacity: 0.2;
-moz-opacity: 0.2;
filter: alpha(opacity=20);
}
Ejemplo:
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Duis rutrum dolor in tellus. Proin massa leo, sollicitudin et, semper quis, laoreet non, dui. Ut ante. Maecenas aliquet. Lorem ipsum dolor sit amet, consectetuer adipiscing elit.

Deja tu comentario

  • El comentario debe estar relacionado con el contenido de la entrada.
  • Comentarios ofensivos, con spam o con lenguaje inapropiado serán eliminados.

captcha