Ver Mensaje Individual
  #10 (permalink)  
Antiguo 21/05/2010, 20:55
Avatar de SIW
SIW
 
Fecha de Ingreso: octubre-2009
Mensajes: 9
Antigüedad: 14 años, 6 meses
Puntos: 0
Respuesta: Problema con menu desplegable css

Cita:
Iniciado por netizen.01 Ver Mensaje
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!
gracias me sirvio esta explicacion.