Перейти к содержанию
Vanoid

Меню в несколько строк: проблемы с прозрачностью

Рекомендуемые сообщения

Стандартное меню в одну строчку работает отлично. У меня категорий много, поэтому пришлось сделать меню аж в три строки. Подправил немного stylesheet.css (в т.ч. height: 90px; и padding подуменьшил).

Выглядит хорошо, но вот незадача: при наведении на пункт меню (топовая категория), если оно не в нижней строке, то категории, которые находятся в строках ниже "просвечивают" через список подменю. Более того- выбрать пункт в подменю не получается, т.к. при перемещении мыши выбирается другой пункт из топовых категорий (а не подкатегорий).

В .css не силён (никак), но, подозреваю, что лечится это не сложно. Подскажите- как?

Скриншот:

post-26669-0-54291100-1353503831_thumb.jpg

Один из вариантов, например, сделать, чтобы второй уровень меню выводился всегда ниже основного меню. Аналогично, как если бы выбирали из нижней строки основного меню.

Изменено пользователем Vanoid

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

В CSS значение z-index сделайте побольше к элементу, который надо вывести наверх.

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

Попробовал сейчас поменять z-order, которые там указаны на самый большой, который нашёл в css (99). Не помогло. Потом поставлял z-order: 99; по очереди в каждую секцию #menu. Тоже эффекта не возымело. Хотя если поменять цвет или шрифт в этих секциях- эффект есть. Подозреваю, что само поле (фон) меню задаётся одной и той же секцией и имеет одинаковый z-order.

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

Ура! Спасибо! Оказывается z-index не работает, если не задан position. В итоге я просто добавил пару строк

position: relative;
z-index: 99; (вообще-то можно и поменьше)
в секцию #menu > ul > li:hover и всё заработало! Спасибо 12strun за наводку на хороший хелп по z-index

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

Для публикации сообщений создайте учётную запись или авторизуйтесь

Вы должны быть пользователем, чтобы оставить комментарий

Создать учетную запись

Зарегистрируйте новую учётную запись в нашем сообществе. Это очень просто!

Регистрация нового пользователя

Войти

Уже есть аккаунт? Войти в систему.

Войти

  • Последние посетители   0 пользователей онлайн

    Ни одного зарегистрированного пользователя не просматривает данную страницу

×

Важная информация

На нашем сайте используются файлы cookie и происходит обработка некоторых персональных данных пользователей, чтобы улучшить пользовательский интерфейс. Чтобы узнать для чего и какие персональные данные мы обрабатываем перейдите по ссылке. Если Вы нажмете «Я даю согласие», это означает, что Вы понимаете и принимаете все условия, указанные в этом Уведомлении о Конфиденциальности.