Z-index en IE

pablocasas74 · #1 (**permalink**) 08/11/2010, 06:15

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&iacute;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!!!

kseso? · #2 (**permalink**) 08/11/2010, 08:07

la familia de ie sí soporta la propiedad |z-index|
Pero es muy amplia (tres versiones actualmente: 6, 7 y 8).
Sólo recuerdo en este momento que ie6 necesita que el contenedor también tenga declarado un valor para aplicar sin mayores problemas a sus "hijos" el |z-index|.

¿Tiene la página en línea para poder ver el funcionamiento y qué lo puede causar?

pablocasas74 · #3 (**permalink**) 08/11/2010, 08:24

Claro, el problema es que está solo el div, ya que la pagina está hecha con tablas y solo existe este div, no tiene ningún contenedor, o sea si tiene contenedor pero es directamente el body, capaz que esto es lo que está molestando