CSS 의 z-index 값을 javascript zIndex 로 동적으로 변경시키기
CSS 속성중에서 z-index 라는 값이 있죠.... This is a heading 예를 들어, 위와 같이 코딩했을 경우, 엘리먼트가 엘리먼트보다 위에 표시되게 됩니다. 엘리먼트가 엘리먼트보다 먼저 코딩되어 있기 때문에, 정상적이라면 나중에 코딩된 엘리먼트가 위에 올라가는게 맞지만, z-index 속성을 -1 로 주었기 때문에, 이런 상황이 생기게 됩니다. 이번 포스팅에서 강조하려고 하는 것은, CSS 로 설정된 z-index 값을 javascript 를 이용하여 동적으로 변경시키는 것입니다. 이때, 흔히 하기 쉬운 실수가 바로 아래와 같이 코딩하는 것입니다. 하지만, 이렇게 하면 z-index 가 제대로 작동하지 않고 ERROR 가 발생하게 됩니다. 보통, style 속성을 변경하고자 할때 아래와 ..
IT공부방/HTML5, CSS
2017. 2. 3. 22:03