본문 바로가기

Webstoryboy

Category

Explanation

CSS

[CSS] z-index

z-index

z-index 속성은 요소의 위치가 겹칠 경우 순서를 정의합니다.


z-index

z-index 속성은 요소의 위치가 겹칠 경우 순서를 정의합니다.

정의(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 아이콘6 익스플로러7 아이콘7 익스플로러8 아이콘8 익스플로러9 아이콘9 익스플로러10 아이콘10 익스플로러11 아이콘11 엣지 아이콘 안드로이드 아이콘 ios 아이콘
z-index 사용가능 사용가능 사용가능 사용가능 사용가능 사용가능 사용가능 사용가능 사용가능 사용가능 사용가능 사용가능 사용가능 사용가능

더보기

인스타그램 보기 바로가기

포트폴리오 스터디 바로가기

유튜브 영상보기 바로가기