Hola!! Escribo ya que hace varios días que estoy tratando de buscar una solucion al problema y no logro hacerlo bien, la cuestion es que intento poner un popup usando jquery-tools y en el unico lugar que no me funciona bien es en IE, el codigo sería este:
Código:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Documento sin título</title>
<meta http-equiv="" content="text/html; charset=iso-8859-1">
<link href="estilos/estilos.css" rel="stylesheet" type="text/css">
<script src="control/js/jquery.tools.min.js"></script>
</head>
<body>
<?php
/******************* INICIO POPUP ************************/
$data=$this->getPopupInfo();
if($data['activo_popup']=='1'){
if(isset($data['popup_imagen']['nombre']) && is_file(PF::getPath(RUTA_CONTENIDO_POPUP.'/'.$data['popup_imagen']['nombre']))){
$this->sumarImpresionPopup('impresion_popup');
?>
<script type="text/javascript">
$(document).ready(function() {
$("#img_popup").overlay({load:true});
});
</script>
<div id="img_popup" class="simple_overlay"> <img src="<? echo PF::getPath(RUTA_CONTENIDO_POPUP.'/'.$data['popup_imagen']['nombre']); ?>" alt="ImagenPopup" />
</div>
<?
}
}
/****************** FIN POPUP ********************/
?>
</body>
</html>
Y la parte CSS sería esta:
Código:
/*************** POP UP **************/
/* some styling for triggers */
/* the overlayed element */
.simple_overlay {
/* must be initially hidden */
display:none;
/* place overlay on top of other elements */
z-index:10000;
/* styling */
background-color:#333;
/*width:450px;
min-height:200px;*/
border:1px solid #666;
/* CSS3 styling for latest browsers */
-moz-box-shadow:0 0 90px 5px #000;
-webkit-box-shadow: 0 0 90px #000;
}
/* close button positioned on upper right corner */
.simple_overlay .close {
background-image:url(../img/close.png);
position:absolute;
right:-15px;
top:-15px;
cursor:pointer;
height:35px;
width:35px;
}
/***************FIN POPUP *************/
El problema es que en IE aparece todo en un mismo plano cuando debería aparece una pantalla por sobre la principal, como hago para que el IE respete el z-index?
No se si alguien sabe como solucionar este problema, gracias!!!