Programming$/Web Develop

[.CSS] z-index element 우선순위

ch4rli3kop 2019. 2. 26. 06:45
반응형

z-index 이녀석..

css에서 position 속성을 이용하는 경우, 의도치 않게 element가 겹치는 경우가 발생할 수 있다.

예를 들어 다음과 같은 경우.. ㅡㅡ


이럴 경우, z-index라는 녀석을 설정해주면 각 각의 element 들의 수직 위치를 지정하여 문제를 해결할 수 있다. z-index: 2; 와 같이 사용한다. 정수 값을 사용하며, 값이 클수록 우선순위가 높아진다.


반응형