Ver Mensaje Individual
  #7 (permalink)  
Antiguo 20/03/2009, 21:13
netizen.01
 
Fecha de Ingreso: agosto-2007
Ubicación: Barcelona
Mensajes: 39
Antigüedad: 17 años, 2 meses
Puntos: 0
Respuesta: Problema con menu desplegable css

Cita:
Iniciado por Mikmoro Ver Mensaje
No, lo objetos flash no responden al z-index generalmente.

Pues si que responden siempre que definas "position" como dije antes...

Te dejo el código usando tu mismo archivo swf para que hagas la prueba quitando y poniendo dicho atributo del menú, así como cambiando el z-index del object ya sea con superposicion o a la inversa... yo veo que obedece sin problema

Código:
<!DOCTYPE html
PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="es">
  <head>
	<style>
	*{margin:0px;padding:0px;}
	
	#menu{
	position:relative;
	z-index:8;
	diaply:block;
	width:800px;
	height:300px;
	overfow:hidden;
	list-style:none;
	}
	ul li{
	float:left;
	display:block;
	width:198px;
	border:1px solid #ccc;
	background:#eee;
	}
	ul li a{
	display:block;
	width:100%;
	height:30px;
	font:normal 1.15em/30px Corbel;
	color:#000;
	}
	ul li ul{
	height:0px;
	overflow:hidden;
	}
	ul li:hover ul{
	height:auto;
	}
	ul li:hover ul li{
	float:none;
	}
	
	object{
	position:absolute;
	z-index:1;
	top:0px;
	}
	</style>
  </head>

  <body>
	
	<ul id="menu">
		<li>
			<a href="#">Item</a>
			<ul>
				<li><a href="#">subitem</a></li>
				<li><a href="#">subitem</a></li>
				<li><a href="#">subitem</a></li>
				<li><a href="#">subitem</a></li>
			</ul>
		</li>
		<li>
			<a href="#">Item</a>
			<ul>
				<li><a href="#">subitem</a></li>
				<li><a href="#">subitem</a></li>
				<li><a href="#">subitem</a></li>
				<li><a href="#">subitem</a></li>
			</ul>
		</li>
		<li>
			<a href="#">Item</a>
			<ul>
				<li><a href="#">subitem</a></li>
				<li><a href="#">subitem</a></li>
				<li><a href="#">subitem</a></li>
				<li><a href="#">subitem</a></li>
			</ul>
		</li>
		<li>
			<a href="#">Item</a>
			<ul>
				<li><a href="#">subitem</a></li>
				<li><a href="#">subitem</a></li>
				<li><a href="#">subitem</a></li>
				<li><a href="#">subitem</a></li>
			</ul>
		</li>
	</ul>
	
	<object id="flash" type="application/x-shockwave-flash" data="http://www.araudi.net/forosdelweb/ejemplo_flash/so_tester.swf" width="800px" height="360px">
		<param name="movie" value="http://www.araudi.net/forosdelweb/ejemplo_flash/so_tester.swf" />
		<param name="quality" value="high" />
		<param name="wmode" value="opaque" />
	</object>
	
  </body>
</html>
saludos!

Última edición por netizen.01; 20/03/2009 a las 21:18