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.

Artículos relacionados

CSS – Estilo print que quite enlaces Cuando configuramos un estilo CSS print para una página, cuando se imprime ésta, resulta que muestra los enlaces. Debajo de las imágenes, enlaces, deb...
Overflow vertical en html Si tenemos una capa 'div' con unas determinadas medidas, nos puede interesar que si su contenido sobrepasa la capa que lo contiene, se muestren unas b...
Cómo tratar los errores 404 Cuando mejoramos o actualizamos una web, nos enfrentamos a un problema muy común: Google ha indexado nuestras páginas, y ahora como las eliminamos ...
CodeIgniter – Cómo averiguar si nos visitan ... Ahora mas que nunca, nos puede interesar saber si un usuario visita nuestra web desde el ordenador o, desde un dispositivo móvil (smartphone o tablet)...

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

*