Transparencias con estilos css

03abr10

Para aquellos que necesiten una etiqueta <div> con un color transparente o una semitransparencia, digamos; podemos hacer lo siguiente:

Para Firefox u Opera: opacity:0.5; (aquí coloco una tranparencia del 50%, uds coloquen la que necesiten)

Para IE 6, 7 u 8: filter:alpha(opacity=50);

En definitiva, nuestro estilo para una etiqueta div con un id=”menu”, tendremos

#menu {
background-color: #000000;
opacity:0.5; /*Opacidad de 50%*/
filter:alpha(opacity=50); /*Opacidad de 50% para IE 6,7 y 8*/
}

FF interpretará opacity, mientras que no hará nada  con filter. Por otro lado IE sólo interpretará filter y no hará nada con opacity.

Advertisement

Filed under: css   |  Deja un comentario