CSS-меню Son of Suckerfish - меню верхнего уровня остается активным при наведении курсора на подменю

Мне нужен способ сохранить элемент меню верхнего уровня в зависшем или активном состоянии, когда я нахожусь в подменю этого элемента меню.

Пример можно найти здесь: http://marketplace.prettypollution.com - наведите указатель мыши на пункт меню «Новости» (BG будет темным), затем перейдите в подменю, чтобы появилось - пункт «Новости» вернется в нормальное состояние.


menu html jquery css suckerfish
person mattt    schedule 10.06.2009    source источник

Ответы (1)


arrow_upward
0
arrow_downward

У вас уже есть такая декларация:

#nav_398484 li#menu-news a:hover {
  background: url( http://blah );
}

Просто добавьте еще один, чтобы покрыть весь тег li:

#nav_398484 li#menu-news:hover {
  background: url( http://blah );
}

Это не будет работать в IE6, но что действительно?

У вас будет меньше объявлений для отслеживания, если вы назначите общий класс этим тегам li верхнего уровня вместо того, чтобы нацеливать все css на их идентификатор.

person austinfromboston    schedule 10.06.2009
comment
Спасибо за ответ, остинфромбостон! У меня есть ссылки на каждой вкладке, настроенные так, чтобы они занимали все пространство вкладки, так как я хочу, чтобы вся вкладка была доступна для щелчка в виде ссылки, поэтому это решение не будет работать, но если бы я его настроил, я сомневаюсь, что есть чистое решение CSS? Я предполагаю, что это будет связано с javascript? - person mattt; 03.07.2009
comment
может быть лучше снять объявление фона с тега ‹a› и просто изменить фон ‹li›. Для этого вам не понадобится javascript, если вы не хотите, чтобы он работал и в IE6. - person austinfromboston; 06.07.2009