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

GroundworkCSS el diseño Responsive hecho sencillo Os presentamos un FrameWork para el diseño Responsive que nos ha sorprendido gratamente. Groundwork. Es gratuito y OpenSource. El tratamiento ...
Taller de posicionamiento web Hay diversos métodos para posicionar una página web en buscadores, o podríamos decir directamente, en Google. SEM, SEO, pay per click.. unos términos ...
HTML 5 Qué es Html5 ? Es la quinta revisión que se hace del lenguaje de etiquetas HTML. Se hará en paralelo tanto el HTML5 como el XHTML5. La sinta...
Ejemplo first-child – asignar un estilo a la... Supongamos que tenemos la siguiente tabla: 1 cabecera2a cabecera 1/1 cotendio1/2 cotendio 2/1 cotendio2/2 cotendio 3/1 cotendio3/2 cotendio ...

Deja un comentario

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

*