z-index не работает - PullRequest
Новая
       51

z-index не работает

0 голосов
/ 20 мая 2018

На моем веб-сайте я создал страницу со ссылками: https://weerpagina.warnez.com/links/ Все шло хорошо, пока я не добавил подменю (см., Например, «веб-камеры»), когда вы наводите курсор мыши на элемент меню, то отображается подменю, ночасть скрыта за нижним колонтитулом.Структура (с z-индексами, только в моей среде разработки) выглядит следующим образом: 

<div id="wrapper"> --> z-index:1;
   <header>...</header> --> z-index:100;
  <div id="main">...</div> --> z-index:50
  <footer>...</footer> --> z-index: 1
</div>

Тем не менее подменю (из «основного») скрыто за нижним колонтитулом.

Я пытался добавить в «основной», «переполнение: видимыйи это сработало, за исключением того, что некоторые таблицы в моей административной области переполнились в направлении X, что является нежелательным поведением.Затем я попробовал overflow-x: scroll и overflow-y: visible, но, очевидно, когда вы делаете overflow-y: visible, overflow-x автоматически автоматически.Так что это тоже не работает.(см. overflow-y: видимый не работает, когда overflow-x: скрытый присутствует ).Во всяком случае, я предпочитаю решать это с помощью z-index.

Любая помощь очень ценится!

С уважением,

Барт

1 Ответ

0 голосов
/ 20 мая 2018

Я думаю, что "#main" имеет "overflow: auto", и меню остается внутри.

Вы должны пропустить область администратора или применить глобальное имя класса в "body", чтобы различатьadmin и внешний интерфейс.

Затем сохраните настройку переполнения для страниц администратора и сделайте #main overflow: видимым во внешнем интерфейсе.

...