z-index
z-index 속성은 요소의 위치가 겹칠 경우 순서를 정의합니다.
z-index
z-index 속성은 요소의 위치가 겹칠 경우 순서를 정의합니다.
| 특징 | 설명 |
|---|---|
| 기본 값 | z-index : 1 |
| 버전 | CSS2 |
정의(Definition)
- z-index 속성은 요소의 위치가 겹칠 경우 순서를 정의합니다.
- z-index는 음수(-)도 설정 할 수 있습니다.
- z-index는 숫자가 높을수록 위로 올라옵니다. 99999까지만 설정할 수 있지만, 그 이상도 작동은 합니다.
- z-index를 적용하지 않은 경우는 CSS 우선순위에 따라 나중에 설정한 속성이 위로 올라옵니다.
- z-index는 요소의 위치가 겹쳤을 때 적용하기 때문에 position 값을 설정해야합니다.
문법(Syntax)
z-index : auto | number
속성(Property)
| 속성값 | 설명 |
|---|---|
| auto | z-index의 값을 자동으로 설정합니다. |
| number | z-index의 값을 숫자를 통해 설정합니다. |
호환성(Compatibility)
 |
 |
 |
 |
 |
 6 |
 7 |
8 |
 9 |
 10 |
 11 |
 |
 |
 |
|
|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
| z-index | 사용가능 | 사용가능 | 사용가능 | 사용가능 | 사용가능 | 사용가능 | 사용가능 | 사용가능 | 사용가능 | 사용가능 | 사용가능 | 사용가능 | 사용가능 | 사용가능 |
