본문 바로가기
개발

z-index 값을 올려도 적용이 안 되는 이유

by 레드별 2022. 8. 19.

1. z-index

위치 지정 속성으로 z-index 값의 숫자가 클수록 위로 올라가고 작을수록 아래로 내려간다. 

 

2. z-index 적용 안되는 이유 

  • position:absolute 또는 position: relative 속성이 없는 경우 z-index가 적용되지 않는다.   
  • 부모 요소와 자식 요소 모두 position:absolute 가 적용되어 있는 경우에 자식 요소의 z-index 값을 아무리 올려도 부모 요소를 벗어나서 작동할 수 없기 때문에  z-index가 적용되지 않는다. 

댓글