목록2024/05/02 (1)
뉴히의 개발 로그
z-index 적용 안됨 현상, z-index란? stacking context란?
z-index란?z-index는 HTML이 화면에 그려질 때 어떤 요소가 위에 올라가는지를 설정하는 속성이다. z-index의 값이 높을 수록 위에 올라가며 z축 기준으로 순서를 가진다.z-index는 양수, 음수, auto 값을 가질 수 있으며 따로 지정하지 않으면 auto댜. auto는 z-index를 부모 요소와 동일하게 설정한다. 음수 값을 설정하면, 아래로 깔리게 된다.반드시 position 속성이 static(기본값)이 아닌 것으로 설정 되어 있어야 한다. z-index의 숫자가 높을 수록 상위에 올라온다.z-index는 겹치는 요소의 쌓임 순서를 제어한다z-index는 position이 static이 아닌 값을 가진 요소에만 영향을 준다stacking context는 z-index에 영향을 ..
개발일지/TIL
2024. 5. 2. 16:05