Hola amigos les dejo el siguiente codigo que al cargar el html despliega una ventana tipo fadebox, el problema es que con firefox y otros navegadores funciona bien pero en el desgraciado explorer
no funciona.
No puedo usar el onLoad en el body debido a que llevo unas sentencias en php que imprimen la sentencia javascript.
el codigo:
Código HTML:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="X-UA-Compatible" content="IE=8">
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Documento sin título</title>
<script language="javascript" type="text/javascript">
function showLightbox(valor) {
document.getElementById(valor).style.display='block';
document.getElementById('fade').style.display='block';
}
function hideLightbox(value) {
document.getElementById(value).style.display='none';
document.getElementById('fade').style.display='none';
}
</script>
<style type="text/css">
.fadebox {
display: none;
position: absolute;
top: 0%;
left: 0%;
right: 0%;
bottom: 0%;
width: 100%;
height: 100%;
background-color: black;
z-index:500;
-moz-opacity: 0.7;
opacity:.70;
filter: alpha(opacity=70);
}
.overbox {
display: none;
position: absolute;
left: 10%;
width: 75%;
height: 75%;
z-index: 1002;
overflow: auto;
bottom: 10%;
}
#content {
background: #FFFFFF;
border: solid 5px #CCCCCC;
padding: 10px;
}
* html .fadebox { /* lte IE6 */
position:absolute;
}
* html .overbox { /* lte IE6 */
position:absolute;
}
*html body{
position:absolute;
overflow:hidden;
}
</style>
</head>
<body>
<p>asdf</p>
<p>asdf</p>
<p>a</p>
<p>sf</p>
<p>sdd</p>
<p>f</p>
<div id="over" class="overbox">
<div id="content">
<div align="center">
Comprobación Satisfactoria<br />
<strong>Procesando los datos</strong><br>Por favor sea paciente este proceso puede tardar varios minutos<br>
<img src="loader.gif">
</div>
</div>
</div>
<div id="fade" class="fadebox"> </div>
<script language="javascript" type="application/javascript">
showLightbox('over');
</script>
<noscript>
No hat clavo
</noscript>
</body>
</html> De antemano gracias por la ayuda