Jump to content
Sign in to follow this  
Dmitrievich

[Решено] Главное меню в два ряда с выпадающими подкатегориями.

Recommended Posts

Реализовано главное меню в два ряда путём увеличения высоты меню. Но вот есть проблема с выпадающими подкатегориями, когда они выпадают из пунктов верхнего ряда. Эти подкатегории получаются с некликабельными пунктами. Приходится только нижний ряд с подкатегориями делать, а верхний - простой.

Можно решить проблему?

Share this post


Link to post
Share on other sites

z-index:999

Спасибо, уже понял что z-index, но ещё не пойму где.

В #menu > ul > li стоит z-index:20

А в #menu > ul > li > a - z-index:6.

Нужно в #menu > ul > li > a увеличить?

Share this post


Link to post
Share on other sites

я не экстрасенс

Share this post


Link to post
Share on other sites

Попробовал и там, но ничего не меняется.

Параметр position:absolute стоит, должно работать, но не работает. Видимо ещё что-то мешает.

 

Сейчас второй пункт в меню "Говорящие устройства" имеет подпункт, но его почти не видно и, тем более, невозможно на него перейти по клику. Перекрывается нижней строкой меню.

Edited by afwollis

Share this post


Link to post
Share on other sites
#menu > ul > li ul > li > a {
    z-index: 10;
}

попробуйте

Share this post


Link to post
Share on other sites

удалите все z-index'ы в меню, для #menu > ul > li > div поставьте z-index 5, чуваку с индексом 999 киньте стулом. Счастливого НГ!

Share this post


Link to post
Share on other sites
Kindzaza, Да не пойму, не работает. Пункт как будто полупрозрачный, но кликабельный при этом, если не мышкой, а курсором на него перейти.

Share this post


Link to post
Share on other sites

Dmitrievich,

#menu > ul > li z-index
nestling, Я посмотрю Вы остряк !

Share this post


Link to post
Share on other sites

удалите все z-index'ы в меню, для #menu > ul > li > div поставьте z-index 5, чуваку с индексом 999 киньте стулом. Счастливого НГ!

Всё, кроме стула зделал - заработало, спасибо! )

Всем всего хорошего в новом году!

Share this post


Link to post
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
You are posting as a guest. If you have an account, please sign in.
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

Sign in to follow this  

  • Recently Browsing   0 members

    No registered users viewing this page.

×

Important Information

On our site, cookies are used and personal data is processed to improve the user interface. To find out what and what personal data we are processing, please go to the link. If you click "I agree," it means that you understand and accept all the conditions specified in this Privacy Notice.