1. z-index
위치 지정 속성으로 z-index 값의 숫자가 클수록 위로 올라가고 작을수록 아래로 내려간다.
2. z-index 적용 안되는 이유
- position:absolute 또는 position: relative 속성이 없는 경우 z-index가 적용되지 않는다.
- 부모 요소와 자식 요소 모두 position:absolute 가 적용되어 있는 경우에 자식 요소의 z-index 값을 아무리 올려도 부모 요소를 벗어나서 작동할 수 없기 때문에 z-index가 적용되지 않는다.
'개발' 카테고리의 다른 글
크롬에서 이미지 흐리게 나올 때 선명하게 만드는 방법 (0) | 2022.08.22 |
---|---|
input 체크박스 CSS 변경하기 (0) | 2022.08.19 |
display: table로 너비가 동일한 메뉴버튼 만들기 (0) | 2022.08.18 |
CSS로 말풍선(tooltip) 만들기 (0) | 2022.08.17 |
float 적용 시 발생하는 부모의 높이 문제 해결 방법 (0) | 2022.08.16 |
댓글