Проблемы с Mega Menu

Question

У меня есть мега-меню У меня проблемы с двумя проблемами.

1. Я не могу показать, что состояние зависания активно, когда я паря за каждый раздел.
2. Теги заголовка, которые запускают мега-меню, похоже, имеют ширину контейнера, в котором они находятся. Это приводит к появлению мега-меню, даже если вы не опрокидываете его визуально.

Я отправил свой текущий код для мега меню здесь: http://www.boyga.com/mega-menu/

Я использую hoverintent плагин.

Answer 1

Проблема № 2 легко исправить. Добавьте это правило CSS в таблицу стилей:

ul#Top-Nav { 
    display: inline-block; 
} 

Вопрос №1 почти такой же простой. Это больше изменений CSS. Поскольку ваши подменю спуски от <li> но не в <a>, вы должны изменить правила CSS, которые включают a:hover и a:active:

ul#Top-Nav li:hover a{color:#1E90FF;text-decoration:none;} 
    ul#Top-Nav li:hover a{background:#1E90FF url(arrow.png) no-repeat right center;color:#fff;} 
    ul#Top-Nav li:active a{background:#1E90FF url(arrow.png) no-repeat right center;color:#fff;} 

Это работает для меня, по крайней мере, на Chrome. Вы можете (читайте: возможно), будут иметь проблемы с другими браузерами, где псевдоклассы :hover и :active не пузырятся.