Мега -проблемы

Question

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

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

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

Я использую Hoverintent Plugin.

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 Псевдо-классы не пузырится.