0

Выпадающее меню кнопки попадает по слой другого элемента, который находится ниже. Хотя у выпадающего меню явно указано абсолютное позиционирование и высокий z-index. Страница на boostrap, выпадающее меню с классом drop-down. Самому элементу, под который попадает выпадающее меню, явно указываю z-index: -1, но ситуацию даже и это не спасает, элемент теряет видимость, но все также перекрывает выпадающее меню. введите сюда описание изображения

Как сделать что юы выпадающее меню, было поверх всех слоев ?

4
  • 1
    очевидно нужно показать свою разметку и css 26 фев 2017 в 17:49
  • @АлексейШиманский, архив со страницей, и подключаемыми файлами. dropmefiles.com/7GXwH
    – Oxel Net
    26 фев 2017 в 18:00
  • 1
    Всё связанное с вопросом должно быть там. Можно нажать ссылочку "править" под вопросом, открыть сниппет, добавить туда нужные элементы и вставить в вопрос 26 фев 2017 в 18:01
  • Скорее всего, код не нужен, попробуйте прочитать мой ответ ниже 26 фев 2017 в 18:11

2 ответа 2

3

Дело в том, что вы скорее всего не понимаете, как он, z-index, работает. Статья по теме.

Если вы попробуете установить z-index на не позиционированный элемент, то ничего не произойдет. Во вторых, значения z-index могут создавать контексты наложения. Хм, всё стало намного сложнее, не так ли?

...

Каждый контекст наложения имеет свой корневой элемент в HTML структуре. В момент формирования нового контекста на элементе, все дочерние элементы так же попадают в этот контекст и занимают своё место в порядке наложения. Если элемент располагается в самом низу одного контекста наложения, то никаким мыслимым и немыслимым образом не получится отобразить его над другим элементом в соседнем контексте наложения, располагающимся выше по иерархии, даже с установленным z-index равным миллиону.

У вас либо первый, либо второй, либо смешение обоих вариантов.

0

Задайте z-index родительскому элементу вашего меню выше, чем родительскому элементу плашки под которую закатилось меню.

Ну и не забудьте указать позиционирование для родительских элементов. Например, relative.

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge you have read our privacy policy.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.