Hola, he leído algunos mensajes en el foro relacionados con hover, pero no se adaptan exactamente a lo que me pasa.
La cosa es que tengo el siguiente html (extracto):
Código:
<ul>
<li>............</li>
..................
<li id="servicios">
<a href="#">SERVICIOS</a>
<div id="leyenda-servicios">Aqui va un texto flotante</div>
<ul>
<li>....</li>
<li>....</li>
............
</ul>
</li>
</ul>
Pertenece a una barra de menú horizontal.
Pues bien, además de que se despliegue el submenú, al pasar el ratón por las opciones del menú, me gustaría que el elemento <div> apareciera también, en forma de cuadro flotante.
Lo que pasa es que quiero que sólo aparezca al pasar el ratón por el menú, y no por los elementos del submenú, que es lo que ahora me pasa
Este es el CSS
Código:
#servicios:hover #leyenda-servicios
{
opacity: 1;
}
Muchas gracias por adelantado!!
