11.04.09
Fondos transparentes en Internet Explorer
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