Ver Mensaje Individual
  #10 (permalink)  
Antiguo 08/01/2012, 20:21
moises_13__35
 
Fecha de Ingreso: febrero-2011
Mensajes: 6
Antigüedad: 13 años, 2 meses
Puntos: 0
Respuesta: 5min-Ayuda con z-index

Cita:
Iniciado por memoadian Ver Mensaje
estas cosas son las que me hacen pensar más
por eso decia lo de javascript, asi todos contentos pero quieres puro css y luego mueres.

suerte.
Jajaja muero muero
Lo que no comprendo es porque Chrome y Safari interpretan el css como tiene que ser, porque según he leído que el z-index funciona independiente del padre que del hijo. Entonces si es así porque Firefox no interpreta bien esta propiedad.

Bueno yo de momento tengo esta solución siendo padre e hijo http://galeon.com/prueba-moi/Untitled-4.html
Ventajas: pues que consigo el resultado que quiero.
Desventajas: tengo que utilizar una etiqueta demás que está en vacía.

Aquí esta la otra opción http://galeon.com/prueba-moi/Untitled-6.html con solo dos etiquetas como tiene que ser, padre e hijo.
Ventajas: solo dos etiquetas.
Desventajas: Firefox no le gusta esto y no quiere interpretarlo como bien lo hacen Chrome y Safari.

El motivo por el que quiero que sean padre he hijo es que cuando estos son padre e hijo (#DIV1:hover #DIV2 {Visibility:visible;}) puedo posicionarme sobre DIV2 sin miedo a que se vuelva a ocultar. Pero cuando son hermanos usamos más (+) o la virgulilla (~) (#DIV1:hover + #DIV2 {Visibility:visible;} o #DIV1:hover ~ #DIV2 {Visibility:visible;}) al intentar posicionarme sobre DIV2 este se oculta (Visibility:hidden;) y yo quiero que los usuarios puedan posicionarse sobre el DIV2 para seleccionar, copiar o simplemente porque les sea mas cómodo.

La otra condición que queria era que el Div padre esté por delante que el Div hijo.

En definitiva tras leer el mensaje de
Cita:
Iniciado por ZoroRoronoa Ver Mensaje
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.
El tema se termina, a menos que alguien nos de otra opción (en CSS).
Así que si alguien en el futuro esta en la misma situación que yo, le sugeriría que usara este ejemplo http://galeon.com/prueba-moi/Untitled-4.html ya que aunque utiliza una etiqueta demás da el resultado esperado o utilizar JS como dicen algunos amigos :D.

Muchísimas gracias a todos y perdón por todas las molestias causadas, lo único que espero es quitar de dudas a otros como yo que cayeron en las incoherencias de z-index :D