martes, 6 de abril de 2010

Fondo semitransparente (o semiopaco) con CSS

Crear elementos transparentes con opacity y filter está bien, pero podemos toparnos con el problema de que al hacer un elemento transparente, todo lo que esté contenido en él también lo será. De esta forma no podemos crear elementos con fondo semitransparente, ya que todos los elementos del contenido tendrían el mismo nivel de opacidad.


filter: alpha(opacity=35); opacity: .35; background:#0F0

La solución es muy sencilla, simplemente hay que definir el fondo con rgba de esta forma:

background: rgba(0, 255, 0, 0.35);

El último parámetro se corresponde con el nivel de opacidad (va de 0 a 1).

No hay comentarios:

Publicar un comentario