[SOLUCIONADO] Capa que se mantenga hover cuando estemos encima de sus hijos.

[VityOsma]

Hola, alguien me puede explicar como puedo hacer una capa que este oculta y al pasar el ratón por encima de ella o por encima de los elementos que estén dentro de ella se mantenga visible.

Por ejemplo:

<div>
<div></div>
<div></div>
<div></div>
</div>

Si pongo el CSS:

div:hover{
display:block;
}

No se muestra ya que al estar encima de los hijos no se considera que este hover, podría hacer que los hijos no afectasen a que el ratón siga estando de la capa principal.

Yo quiero que se mantenga el conjunto visible mientras el ratón este encima de cualquiera de las capas.

Thanks!

[pzin]

Si un elemento está oculto con display: none no puedes pasar el ratón por encima. Y por otro lado, cuando pasas el ratón por encima de un elemento también pasas por encima de su contenedor.

[Zeromm]

Si le metes un display: none a un elemento, desaparece del flujo de la maquetación, y no vas a poder interactuar con el. Puedes probar con la propiedad "opacity", que funciona igual pero si puedes interactuar con él y cambiarle su valor al hacer "hover"

[VityOsma]

Ahh es verdad perdón, quería decir que era transparente (opacity:0) y por eso no me dejaba interactuar con el debajo. Al estar el ratón de un elemento su elemento "padre" o "contenedor" como le queráis llamar deja de estar hover no? por lo menos a mi me actual así las capas.

De todas formas ya he terminado lo que estaba haciendo, al final lo he hecho con jQuery aplicando clases porque con CSS creo que no se puede por lo que he buscado, al menos hacer lo que yo quería así que como habrá usuarios que necesiten ayuda más urgente que esto que ya no me hace falta doy el tema por solucionado para que los que ayuden ayuden a quien le hace falta. Gracias.