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

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...
Optimizar ficheros js para disminuir tiempo de car... En muchas ocasiones nos encontramos con un problema que afecta al tiempo de carga de nuestra web. Llamamos a muchos ficheros javascript desde nuestra ...
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 ...
Optimización página web – Paso 2 – Accesibilidad... Como mas accesible sea la web, el Sr. Google mas nos valora. Para seguir las normas de accesibilidad, hay que cumplir algunas normas que en el siguien...

Deja un comentario

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

*