z-index

정의 및 사용

z-index 속성은 해당 요소에 대한 순차적인 위치를 지정한다. 가장 숫자가 크게 지정된 요소가 항상 제일 앞(위)쪽에 위치하며 position 속성이 적용된 요소에만 지정 가능하다.

(여기서 순서라는 것은 상하좌우의 2차원 순서가 아닌 속성 이름에서도 알 수 있듯이 z 축의 3차원 순서를 의미한다. 결국 가장 위쪽에 위치한다는 말은 z축을 기준으로 겹침 상태에서의 가장 위를 의미한다.)

정의 및 사용
기본값 auto
상속 no
버전 CSS2
자바스크립트 구문 object.style.zIndex=”1″

브라우저 지원

IE6 지원IE7 지원IE8 지원Chrome 지원Firefox 지원Opera 지원Safari 지원

모든 주요 브라우저에서 지원

구문

속성 값 설명
설명
auto 기본값(default), 해당 요소의 부모와 순서를 같게 지정
number 요소의 순서를 숫자로 지정하며 음수도 허용된다
inherit 지정 요소의 순서를 부모(상위) 요소로부터 상속받음

예제

버그 및 이슈

소제목

목록 으로

댓글