< CSS 중급 - z-index >
- position 값이 static이 아닌 요소들은 겹칠 수가 있는데, 마지막 선언된 요소가 위로 보이게 됨. 겹쳐 보일 때의 위아래 배치 순서를 z-index 속성값으로 변경할 수 있음.
- z-index: 1~ (맨위), ~ -1(맨뒤) ... --> 상대적 index 값으로 우위가 결정됨.
- 부모 index 값에 의해 1차적으로 순위 결정되고, 자식들간의 순위는 별도로 경쟁함. 즉, 자신의 부모 index 값이 낮으면, 자식 index 값이 다른 부모의 index 값보다 높아도 그 위로 올라갈 수 없음.
'프로그래밍(Programming) > CSS' 카테고리의 다른 글
| CSS 고급 - LESS 언어(language), syntax, compile (0) | 2018.08.22 |
|---|---|
| CSS 고급 - 미디어 쿼리 (Media query), 반응형 웹(Responsive Web) (0) | 2018.08.22 |
| CSS 중급 - Flex Layout (0) | 2018.08.22 |
| CSS 중급 - Float Layout (0) | 2018.08.22 |
| CSS 중급 - Position Layout (0) | 2018.08.22 |