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

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

Specifying the stack level: the 'z-index' property

Answer 2

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

У вас может быть дополнительная информация here.

Answer 3

дают три различных дивы уникальный идентификатор, как:

<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 4

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

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

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

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

Answer 5

То же 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>