Foros del Web - Ver Mensaje Individual - Menu CSS queda oculto por el div de abajo

cristian_cena · #2 (**permalink**) 20/02/2011, 18:48

Hola flpe, bienvenido.

Suponiendo que .outer es la galeria de fotos y ul#nav es el menu:

Código CSS:

Ver originalul#nav{
position:absolute;
top:10px; left:0; 
z-index:2;
}
.outer{
position:absolute;
left:-1px;
top:-2px;
z-index:1;
}

esto hará que el menu este por encima de la galeria.

Aclaración, para que funcione, tanto el menu como la galeria deben ser hermanos. ejemplo:

Código HTML:

Ver original<body>
<ul id="nav"> ... </ul>
<div class="outer"> .. </div>
</body>

Aquí body es el padre de #nav y .outer. siendo #nav y .outer hermanos entre sí.

Aquí puedes ver un buen ejemplo sobre el uso de z-index.

tip: z-index solo funcionará si se aplica a capas hermanas y si al mismo tiempo estas capas estan posicionadas en fixed, absolute o relative.

Espero te sea de ayuda. Un saludo.