capas superpuestas...

[humanista]

hola chicos, no sé si se puede pero quiero hacer un menú, pongamos con dos opciones para simplificar y he colcado dos links q hacen onmouseover a dos capas.

el problema es q me salen una debajo de la otra.

no quiero utilizar position absolute pq depende de la resolución se me va más abajo o más arriba, por lo q la capas están en una tabla con position relative.

se puede superponer las capas con position relative de tal forma que cuando paso el ratón por el primer vínculo me aparezca la capa1 y cuando lo paso por el segundo desaparezca capa1, y aparezca la capa2 ENCIMA?.

todo esto me funciona pero no consigo q la capa 2 aparezca encima de la capa1, me sale justo debajo...

[El_Barto]

cómo es el código que tenés?
para que una capa aparezca encima de otra tenés que usar el atributo z-index.

Por ejemplo la capa1 tendría que tener z-index: 1 y la capa2 z-index: 2

Sería algo así como niveles.

Saludos

[juanchilo]

Claro que se puede con position:relative;

El tema es que al usar position:relative; te va a colocar cada capa una inmediatamente debajo de la otra, porque no tiene elementos top; left; right; bottom; para posicionarlos.


POrque no te fijas en hacer algo asi:

css:

Código HTML:

#contenido { background-color:#006666;}

#top { position: relative;  background-color:#990033; z-index:0;}

#down {   top:-10px; position:relative; background-color:yellow;  z-index: 1} 

Donde Contenido es una capa div, que contiene a las otras dos (Top y Down)

Hago todo con relative, y a la capa que se superpondrá le pongo un top en negativo ( top:-10px;) .


Prueba si queda bien haciendo esto y avisarnos!!!