Z- 색인을 사용하여 위치 지정

Question

z- 색인을 사용하여 다른 요소 위에 HTML 요소 하나를 배치 할 수 있습니까? 예 : 내 질문에 아주 기본적인 될 수 있지만, 다섯 이상 ....

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

지금 하나

Answer 1

당신이 필요로하는 요소를 부여 .........해야 상위 z 인덱스 값을 맨 위에 표시합니다.

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

읽기

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

Answer 2

I 아니에요 당신이 요구하고 있지만 z-index를 사용하는 전적인 이유는 다른 위에 하나의 HTML 요소의 위치를 ​​무엇.

자세한 내용은 here을 참조하십시오.

Answer 3

같은 세 가지 div의 고유 자료 :

당신의 CSS 스타일 시트에

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

:

Z- 인덱스에 대한

#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- 지수가 높을수록 div가 더 높습니다. 예 : z-index:1이 z-index:0 이상인 경우 화면으로 나오는 투명 시트가 사용자쪽으로 누적되어 있다고 생각하십시오. 여기

알아보기 :

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

Answer 5

동일한 Z- 색인 적은 다른 층에 비해 그것의 환경. 즉, z- 인덱스 = 2 인 레이어는 z- 인덱스 = 1의 레이어 위에 렌더링됩니다.

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