ugrás a tartalomhoz

főmenü hover háttérszín, almenü kibontásakor is megmaradjon

stan · 2013. Júl. 13. (Szo), 15.55
Van egy hasonló legugró menü a weboldalamon, mint ami ebben a példában található:
http://javascript-array.com/scripts/simple_drop_down_menu/

A problémám az, ami a fenti példában is látszik:
Ha egy főmenüre viszem az egeret, akkor megváltozik a színe (hover). De ha lejjebb viszem az almenüpontokra, akkor a főmenüpont színe visszaváltozik az eredetivé, ami elég logikus, mivel a hover csak akkor működik ha rajta van az egér. De én azt szeretném, hogy a főmenüpont megváltozott színe akkor is megmaradjon, ha az almenüpontokra viszem az egeret. Tehát akkor is "hover színe legyen", ha az adott főmenüpont almenüpontjaira viszem át az egeret.

Egyébként az én weboldalamon egy Drupal 7 van feltelepítve, és az alapértelmezett menu modullal van megoldva a legördülő menü:
https://drupal.org/documentation/modules/menu/

Jelenleg ez a Durpal téma van feltelepítve, ezen szerkesztem a css-t:
http://demo.drupalizing.com/?theme=corporateclean


Meg lehet valahogy ezt oldani css-ben?
Ha nem lehet css-ben megoldani, akkor mi a megoldás?
‹ Magyar fejlesztésű Javascript MVC Több div frissítése egyszerre. ›
 ■
1

megtaláltam a megoldást

stan · 2013. Júl. 13. (Szo), 17.32
Közben megtaláltam a megoldást, ami ezen a linken olvasható a második válaszban:
http://stackoverflow.com/questions/16802823/keep-parent-menu-item-highlighted-after-hovering-over-submenu-html-css-jquery

Idézek:

It is enough to swap this:

#top_navigation ul li a:hover {
    background-color: #eb1f10;
    color: #FFF;
}

for this:

#top_navigation ul li:hover > a {
    background-color: #eb1f10;
    color: #FFF;
}