CSS Я хочу, чтобы div был поверх всего

Ответ 1

Для того, чтобы z-index работал, вам нужно указать свойство a position:absolute или position:relative. Как только вы это сделаете, ваши ссылки будут работать должным образом, хотя вам, возможно, придется немного подкорректировать ваш CSS.

Ответ 2

Для z-index:1000, чтобы иметь эффект, вам нужна схема нестатического позиционирования.

Добавьте position:relative; в правило #settingsdetails в строке 8 файла mystyle.css

Ответ 3

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

Ответ 4

z-index позволяет вам контролировать свое управление. чем больше вы устанавливаете верхний элемент, который вы получаете.

position свойство должно быть relative, потому что позиция html-element должна относиться относительно других элементов управления во всех измерениях.

element.style {
   position:relative;
   z-index:1000; //change your number as per elements lies on your page.
}

Ответ 5

Я собираюсь предположить, что вы создаете всплывающее окно с кодом из школы WW3, правильно? проверьте его css..modal, там уже есть слово z-index. просто измените значение от 1 до 100.

.modal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 1; /* Sit on top */
    padding-top: 100px; /* Location of the box */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}