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.



No Responses Yet to “Transparencias con estilos css”

  1. Dejar un comentario

Responder

Introduce tus datos o haz clic en un icono para iniciar sesión:

Logo de WordPress.com

Estás comentando usando tu cuenta de WordPress.com. Cerrar sesión / Cambiar )

Imagen de Twitter

Estás comentando usando tu cuenta de Twitter. Cerrar sesión / Cambiar )

Foto de Facebook

Estás comentando usando tu cuenta de Facebook. Cerrar sesión / Cambiar )

Google+ photo

Estás comentando usando tu cuenta de Google+. Cerrar sesión / Cambiar )

Conectando a %s


A %d blogueros les gusta esto: