Transparencias con CSS

Aunque no es muy recomendado, hay aún gente que utiliza transparencias. Para que una capa o elemento de nuestra web tenga transparencia, deberemos formar su descripción en la hoja de estilos asignándole unos atributos específicos. Pongamos un ejemplo:

Tenemos una capa y queremos que tenga un color rojo, pero que transparente lo que tiene debajo.

1
2
3
4
5
6
7
8
9
// Delcaramos la capa en nuestra página
<div class="alpha50">Contenido</div>
 
// En nuestra hoja de estilo css tendremos
.alpha50 {
filter: alpha(opacity=50);   // Para IExplorer
opacity: .5;   // Para Firefox
-moz-opacity:0.5;    // Para Mozilla
}

Los tres valores hacen el mismo efecto, pero para diferentes navegadores.

Eso es todo por hoy.

Deja una respuesta

Tu dirección de correo electrónico no será publicada.

*