0

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

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

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

2 ответа 2

3

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

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

...

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

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

0

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

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

Ваш ответ

Нажимая «Отправить ответ», вы соглашаетесь с условиями пользования и подтверждаете, что прочитали политику конфиденциальности.

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