Ver Mensaje Individual
  #9 (permalink)  
Antiguo 08/01/2012, 17:39
Avatar de ZoroRoronoa
ZoroRoronoa
 
Fecha de Ingreso: marzo-2011
Ubicación: California, USA
Mensajes: 824
Antigüedad: 13 años, 7 meses
Puntos: 116
Respuesta: 5min-Ayuda con z-index

Ok, te ayudamos...
Mira este code... Es un ejemplo solamente.
Tomando el mismo que kseso? te dio.

Pero completo... analizalo.
Código HTML:
Ver original
  1. li > span {position:relative; display:block; z-index:1; background:red; width:300px; margin-top:5px;}
  2. li > div {display:none; position:absolute; background:green; height:120px;}
  3. li > span:hover {z-index:5;}
  4. li >span:hover ~ div {z-index:2; display:block;}
  5. </style></head>
  6. <ul>
  7.     <li>
  8.         <span>title 1</span>
  9.         <div> a mostrar 1</div>
  10.     </li>
  11.     <li>
  12.         <span>title 2</span>
  13.         <div> a mostrar 2</div>
  14.     </li>
  15.     <li>
  16.         <span>title 3</span>
  17.         <div> a mostrar 3</div>
  18.     </li>
  19. </ul>
  20. </body>
  21. </html>

Saludos.

PD: Es imposible hacerlo si o si con "padre e hijo", aunque al padre le pongas un z-index "un millon", el hijo siempre estara por encima de el.
No le pierdas el amor, mejor aprende a ser "semantico" y la "teoria" del "funcionamiento" del CSS.

PD2: Imaginate... querer hacer un carro de gasolina que soporte 30 pasajeros con plastilina...
Si o si, si no, mejor ya no me dedico a nada....
Es ironico, no crees?

1.- Esa alternativa que te da kseso? y la cual use yo, es la definitiva.
2.- O bien como te dicen... usa JavaScript.
3.- O por ultimo... Todo saldria bien usando "padre e hijo" pero tendrias que quitar eso de "QUE APAREZCA ABAJO DEL PADRE", pues es imposible asi como lo planteas lograrlo.
__________________
Programador jQuery & PHP

Última edición por ZoroRoronoa; 08/01/2012 a las 18:02