최신 웹 개발 튜토리얼
 

Style zIndex Property

<스타일 개체

예

의 스택 순서 변경 <img> 요소를 :

document.getElementById("img1").style.zIndex = "1";
»그것을 자신을 시도

정의 및 사용

zIndex입니다 속성 설정 또는 위치는 요소의 적층 순서를 리턴한다.

큰 스택 순서 인 요소 (1) 하부 적층 순서와 다른 요소 앞에 항상 (0) .

Tip: 상대 절대되거나 고정하십시오 위치 소자의 위치 특성 세트를 갖는 원소이다.

Tip: 당신이 중복 요소를 만들려면이 속성은 유용합니다.

브라우저 지원

Internet ExplorerFirefoxOperaGoogle ChromeSafari

zIndex입니다 속성은 모든 주요 브라우저에서 지원됩니다.

통사론

Z- 색인 속성을 반환합니다 :

object .style.zIndex

Z- 색인 속성을 설정 :

object .style.zIndex="auto| 속성 값
값 기술
auto 브라우저 (문서의 순서에 따라) 요소의 적층 순서를 결정한다. 이 기본이다
number 요소의 스택 순서를 정의하는 정수입니다. 음수 값이 허용됩니다
initial 기본값으로이 속성을 설정합니다. 초기 읽기에 대한
inherit 부모 요소에서이 속성을 상속합니다. 대한 상속 읽기

기술적 세부 사항

기본값: 자동차
반환 값 : 요소의 스택 순서를 나타내는 캐릭터 라인,
CSS 버전 CSS2

더 예

예

의 Z- 색인 속성 값 변경 <div> 요소 :

document.getElementById("myDIV").style.zIndex = "-1";
»그것을 자신을 시도

예

의 Z- 색인 속성 값 반환 <img> 요소 :

alert(document.getElementById("img1").style.zIndex);
»그것을 자신을 시도

관련 페이지

CSS 자습서 : CSS의 위치

CSS 참조 : z-index property

<스타일 개체