Hi

(css) z-index 속성 - 요소 쌓는 순서 정하기 본문

WEB(웹)

(css) z-index 속성 - 요소 쌓는 순서 정하기

SharingWorld 2018. 5. 31. 19:45
z-index 속성
한 요소 위에 다른 요소를 쌓을 수 있습니다.

요소 위에 요소를 쌓을 때 쌓는 순서를 지정할 수 있음

값이 작을수록 아래에 쌓이고, 값이 클수록 위에 쌓입니다.

#b1 {              
  z-index:1;  
}  
#b2 {             
  z-index:3;  
}  
#b3 {  
  z-index:1;  
}

<body>  
 <div id="wrapper">  
	 <div class="box" id="b1">1</div>  
	 <div class="box" id="b2">2</div>  
	 <div class="box" id="b3">3</div>  
</div>
</body>


'WEB(웹)' 카테고리의 다른 글

(css) column-count 속성  (0) 2018.05.31
(css) column-width  (0) 2018.05.31
(css) position 속성 - 배치 방법 지정하기  (0) 2018.05.31
(html) target 속성  (0) 2018.05.31
(html) <a> 태그, href 속성  (0) 2018.05.31
'WEB(웹)' Related Articles more