Z-индекс не заставляет элемент появляться над другими

Question

Z-индекс не заставляет элемент появляться над другими

У меня была такая же проблема на GoDaddy. Я добавил extension=pdo.so в php.ini, но все равно не работал. И тогда мне пришло в голову только одно: Разрешения

Перед загрузкой файла убейте все процессы PHP (cPanel-> PHP Processes).

проблема заключалась в том, что с разрешениями файлов он был установлен в 0644 и не был выполнен. Вам необходимо установить разрешение файла как минимум 0755.

0

html css

задан gfels 13 March 2019 в 17:00

4 ответа

Другие вопросы по тегам:

html css

Похожие вопросы:

score 0 · Answer 1

Попробуйте

<button type="button" class="btn btn-info btn-lg" style="z-index: 1051;position: relative;" data-toggle="modal" data-target="#myModal">Open Modal</button>

Модель имеет z-индекс: 1050, поэтому кнопка должна иметь более высокий z-индекс. По умолчанию кнопка имеет position: static;. Z-индекс работает только с позиционированными элементами (позиция: абсолютная, позиция: относительная или позиция: фиксированная).

score 0 · Answer 2

Я думаю, Bootstrap уже размещает модал выше z-index: 1000 (я не знаю, где именно), и то, что вы хотите сделать, работает с z-index: 2000;. Кнопка также должна быть в position: relative

score 0 · Answer 3

Итак, здесь есть 2 вопроса:

модал имеет z-индекс 1050, вы используете 1000.
Даже если вы используете, скажем: 1051, это не сработает, потому что вам нужен позиционированный блок [*] (т. Е. CSS-свойство position должно быть чем-то отличным от static). ). В этом случае вы можете использовать position: relative; вместе с z-index: 1050;

Вот обновленный JSBin для справки:

https://jsbin.com/pozilemefa / edit? html, вывод

[*] Z-index для MDN: https://developer.mozilla.org/en-US/docs/Web/CSS/z-index . Он говорит:

Свойство CSS z-index устанавливает z-порядок позиционированного элемента и его потомков или элементов flex. Перекрывающиеся элементы с большим z-индексом охватывают элементы с меньшим

. Примечание: я бы предложил использовать MDN поверх W3schools, чтобы перейти к веб-ссылке. , (Я лично использую это расширение Chrome под названием Hide W3schools, чтобы скрыть все эти результаты от поисков Google.)

score 0 · Answer 4

Z-индекс требует позиционирования. Добавьте position: relative; к кнопке. Вам также нужно будет увеличить значение z-index, так как для модального поля установлено значение z-index: 1050;, а для кнопки требуется более высокое значение, чтобы оно отображалось над модальным слоем.