Eruano's Blog

Simple y con foco… como debe ser!

Fondos transparentes en Internet Explorer

leave a comment »

Creando un sitio web me surgio la necesidad de generar un Div que tuviese fondo transparente para una galeria de imagenes, declare algo en la hoja de estilos como:

#backgroundPopup{
display:block;      visibility: hidden;      position:fixed;       height:100%;      width:100%;       top:0;  left:0;  z-index:1;
background: #000000;
opacity: 0.7;

}

En firefox funcionaba excelente pero en IExplorer las transparencias no funcionaba,  el truco esta en agregarle al estilo:

filter:alpha(opacity=70);

entonces tendremos algo como:

#backgroundPopup{
display:block;  visibility: hidden;  position:fixed;  height:100%;  width:100%;   top:0;   left:0;  z-index:1;
background:#000000;
opacity: 0.7;
filter:alpha(opacity=70);

}

y listo tendremos nuestra transparencia en IExplorer.

Saludos

Written by eruano

4 noviembre 2009 a 10:29 am

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: