Мега -проблемы
-
10-10-2019 - |
Вопрос
У меня есть мега -меню, с которым я был две проблемы.
- Кажется, я не могу продолжать активным государством паха, когда я падаю над каждым разделом.
- Теги заголовка, которые запускают мега -меню, кажутся шириной контейнера, в которой они находятся. Это заставляет всплывающее меню мегаполистое меню, даже если вы не переносите его визуально.
Я опубликовал свой текущий код для мега -меню здесь: http://www.boyga.com/mega-menu/
Я использую Hoverintent Plugin.
Решение
Выпуск № 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
Псевдо-классы не пузырится.
Не связан с StackOverflow