Позиционирование с использованием Z-Index

Question

Можем ли мы расположить один элемент HTML над другим элементом, используя z-Index? Например:

<div>One</div>
<div>Five</div>

Теперь надо быть выше пяти ....

мой вопрос может быть очень простым, но .........

Answer 1

Дайте элементу, который нужно показать сверху, более высокое значение индекса z.

<div style='z-index: 2'>first</div>
<div style='z-index: 1'>second</div>

Read

Указание уровня стека: свойство z-index

Answer 2

, чтобы z-index работал, вам нужно установить position в абсолютное, относительное или фиксированное значение для каждого элемента div, который вы хотите наложить, затем вы можете расположить два элемента друг над другом, используя атрибуты left и top.

Чем выше z-индекс, тем выше значение div. т. е. z-index:1 со значением выше z-index:0, думайте об этом как о пачке прозрачных листов, выходящих из вашего экрана к вам.

подробнее здесь:

http://www.w3schools.com/Css/pr_pos_z-index.asp

Answer 3

То же самое z-индекс, тем меньше его предпочтение по сравнению с другими слоями. То есть слой с z-index = 2 будет визуализироваться выше уровня z-index = 1.

<div style='position:absolute;z-index:2'>first</div>
<div style='position:absolute;z-index:1'>second</div>

Answer 4

присваивает трем различным div уникальный идентификатор, например:

<div id="divOne">One</div>
<div id="divTwo">Two</div>
<divid="divThree">Three</div>

в вашей таблице стилей CSS:

#divOne {position:absolute;z-index:1;}
#divTwo {position:absolute;z-index:2;}
#divThree {position:absolute;z-index:3;}

Answer 5

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

Вы можете получить больше информации здесь .