menu desplegable en css queda atras de flash

giselin · #1 (**permalink**) 30/03/2010, 21:15

No se que hago mal... si subo un jpg queda bien, pro si es el swf que necesito poner el menu desplegable se desplega y todo el menu en realidad quda atrás...

este es el codigo:

<body>
<div id="contenedor-menu">

<div class="menu", align="justify">
<ul>
<li><a href="index.html" target="_self" >Inicio</a> </li>
<li><a href="la-empresa.html" target="_self" >La Empresa</a> </li>
<li><a href="" target="_self" >Productos</a>
<ul>
<li><a href="vidrios-templados.html" target="_self">Vidrios Templados</a></li>
<li><a href="fabrica-ventanas.html" target="_self">Fábrica de Ventanas</a></li>
<li><a href="termopaneles.html" target="_self">Termopaneles</a></li>
</ul>
</li>
<li><a href="obras.html" target="_self" >Obras</a> </li>
<li><a href="contacto.html" target="_self" >Contacto</a> </li>
<li><a href="top-glass.html" target="_self" >TOP GLASS </a> </li>
</ul>
</div>

</div>
<script type="text/javascript">
AC_FL_RunContent( 'codebase','http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0','width','1007','heig ht','389','src','uastalca','quality','high','plugi nspage','http://www.macromedia.com/go/getflashplayer','movie','uastalca' ); //end AC code
</script><noscript><object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0" width="1007" height="389">
<param name="movie" value="uastalca.swf" />
<param name="quality" value="high" />
<embed src="uastalca.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="1007" height="389"></embed>
</object>
</noscript></div>
</body>
</html>

AYUDAAAAAAAAAAAAAAA

cristian_cena · #2 (**permalink**) 30/03/2010, 21:48

Hola giselin:

En tu html dale id a los hermanos que se van a superponer, en tu caso al contenedor del menu y al contenedor de la pelicula flash. Deben si o si ser hermanos.

<div id="contenedor-menu">...menu...</div>
<div id="contenedor-flash"><object>...flash...</object></div>

y en tu hoja de estilos:

#contenedor-menu{
z-index:999;
position:relative;
top:/*la medida que quieras 1*/;
left:/*la medida que quieras 2*/;
}
#contenedor-flash{
z-index:1;
position:/*la que quieras*/;
top:/*la misma medida que quieras 1*/;
left:/*la misma medida que quieras 2*/;
}

yo le di position relative, pero tu usas la posición que se ajuste a tu necesidad. La cuestión es que si no utilizas position no te va a funcionar. Luego das la posicion con top/left/bottom/right de modo que tomen la misma posición y queden superpuestos.

El z-index de mayor valor vendra más adelante y el de menor valor por tanto irá hacia atras. De este modo, el elemento con z-index:999; (menu) vendrá delante del elemento con z-index:1; (flash)

Bueno, espero que te sea útil, por las dudas y si por si acaso no me entendes te dejo este tutorial donde seguramente despejarás tus dudas respecto del funcionamiento de z-index.

Saludos y suerte.