whatisthis?
css. z-index (z인덱스) 본문
z-index - CSS: Cascading Style Sheets | MDN
CSS z-index 속성은 위치 지정 요소와, 그 자손 또는 하위 플렉스 아이템의 Z축 순서를 지정합니다. 더 큰 z-index 값을 가진 요소가 작은 값의 요소 위를 덮습니다.
developer.mozilla.org
/* 키워드 값 */
z-index: auto;
/* <integer> 값 */
z-index: 0;
z-index: 3;
z-index: 289;
z-index: -1; /* 음수 값으로 우선순위를 낮출 수 있음 */
/* 전역 값 */
z-index: inherit;
z-index: initial;
z-index: unset;
수직방향으로 붕 뜨게되면, z-index라는 레벨이 생김.
만약 포지션이 겹친다면
나중에 오는 요소가 더 위로 가지만,
그렇게 안해도 z-index값을 크게 준 것이 위로 올라간다.
auto
박스가 새로운 쌓임 맥락을 생성하지 않습니다.
현재 쌓임 맥락에서의 위치는 부모 요소와 동일합니다.
'WEB STUDY > HTML,CSS' 카테고리의 다른 글
| css. FlexBox (display: flex) - (下) (0) | 2022.02.22 |
|---|---|
| css. FlexBox (display: flex) - (上) (0) | 2022.02.22 |
| css. CSS 적용 우선순위 (0) | 2022.02.07 |
| css. 정렬(align)과 float (0) | 2022.02.07 |
| css. 포지션(Position) (0) | 2022.02.07 |
'WEB STUDY/HTML,CSS' Related Articles
more
