zIndex 와 z-index 의 차이? javascript 와 CSS 의 차이 !!!

1. CSS 의 z-Index 

<style>

img {

    position: absolute;

    left: 0px;

    top: 0px;

    z-index: -1;

}

</style>

<h1>This is a heading</h1>

<img src="w3css.gif" width="100" height="140">

위와 같이 코딩되어 있을경우, <H1>태그의 내용이 <img>태그 위에 올라가 보이게 된다. 

왜냐하면 img 태그의 z-index CSS속성을 -1 로 세팅했기 때문이다. 

2. Javascript 의 z-index

document.getElementById("img1").style.zIndex = "1";

zIndex 는 위와같이 DOM 엘리먼트의 속성이다. CSS 와는 다소 다르다.

아래 링크 참조

http://www.w3schools.com/jsref/prop_style_zindex.asp