목록css #web #frontend #html #javascript #react (1)
hyowonii의 블로그
[CSS] mouse hover로 이미지 확대 시 가림 문제&해결
아래 파란 dashed로 둘러싸인 이미지들에 mouse hover 시 이미지가 확대되는 기능을 구현하였다. 그런데 💥문제💥가 발생했다. 먼저 저장된 고양이 이미지가 이후에 저장된 이미지에 가려지는 것 구글링을 하다가 적절한 검색 키워드를 입력하지 못했는지 해결책을 찾지 못하고, 결국 강의 QnA 게시판에 질문을 했다. 강사님의 답변으로 😆해결책😆을 찾을 수 있었다. 내가 앞에서 생각한 것과 같이 먼저 저장된 이미지가 이후에 저장된 이미지에 가려진다기보다는, 이미지가 추가 될 때마다 고양이1 고양이2 이런 식으로 쌓이는데 고양이2가 고양이1 이후에 추가되어서 2가 그 위로 덮어써보이는 것이라고 하셨다. 이 것을 이해하기 위해서는 z-index에 대한 이해가 필요하다. z-index에 대한 자세한 설명은 h..
웹/CSS
2022. 2. 28. 23:19