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

Apuntes librería JavaScript 3D Three.js Este fin de semana, y aprovechando las fiestas Navideñas, me he puesto a curiosear la librería Three.js Como normalmente tengo la cabeza casi llena de...
Imagen de fondo fijo ocupando toda la ventana Vamos a poner una imagen de fondo en nuestra web haciendo que ocupe toda la venta y que esté fija. La imagen se adaptará automáticamente al tamaño de ...
Generar imágenes automáticas en web Cómo generar imágenes automáticas para facilitar el diseño web. Generación imágenes automáticas en YouTUbe
elrte – Editor de texto WYSIWYG para tus apl... Os damos a conocer uno de los editores de texto mas completos que existen para tus aplicaciones web, elrte. Cómo se utiliza ? Primero hay que de...

Deja un comentario

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

*