Transparencia en Todos los Navegadores con CSS
Una de las propiedades mas potentes que tiene CSS es la de hacer capas transparentes -en diferente medida si se quiere-. Pero como siempre, al tener tantos navegadores se complica mucho para hacer una clase o id que sea transparente en TODOS los navegadores (si, hasta en Internet Explorer).
Éste método lo encontré en variablenotfound y consta de lo siguiente:
La clase:
.transparente
{
filter:alpha(opacity=50);
-moz-opacity:0.5;
-khtml-opacity: 0.5;
opacity: 0.5;
}
El XHTML:
<div class='transparente'>
CONTENIDO DEL DIV, PUEDEN IR FOTOS O LO QUE SEA
</div>
Cabe aclarar que el «opacity=50» puede ajustarse a nuestra necesidad, iterando el valor desde 0 hasta 100 (porque es en porcentaje).