[css] z-index 로 content 우선순위 두기

 

css를 작성하면서 내가 원하는 컴포넌트가 다른 요소 뒤에 겹쳐져서 버튼같은 경우에는 클릭되지 않는 문제 등의 난감한 경우가 생길 수 있다.

이럴 때 사용할 수 있는 css 속성이 z-index 인데, 이를 사용해 컴포넌트, 컨텐츠간의 쌓임 순서를 조정할 수 있다.

코드엔 분명 문제가 없었는데 갑자기 버튼이 안 눌림...

 

z-index 속성

: 소스의 수직 위치를 정해는 속성

 

- 기본값 : auto

- 1, 100, -1, -100등의 숫자로 속성값 지정

- 속성값은 정수이며, 숫자가 클 수록 위로 올라오고, 숫자가 작을 수록 아래로 내려간다.