이미지에 마우스오버 했을시 다른 이미지로 오버 하는법이 몇가지나 될까요?
하늬
2023.04.01
일단 제가 아는 방법은...
1. 스크립트를 이용한 방법
2. img태그 안에 onmouseover=this.src=01.png onmouseout=this.src=01.jpg 쓰는 방법
3. 빈 a태그안에 백그라운드로 이미지를 깔고 a:hover를 이용해 오버하는 방법
이정도밖에 모르는거 같은데...
최대한 css만을 이용하되 본래 이미지가 백그라운드로 안들어가게 하는 방법은 없을까요..?
아니면 뭐 다른 방법 아시면조언 좀해주세요~~
-
다한
저도 포지션 이용한 방법 추천이요. ^^
-
엄지
포지션을 이용한방법이 이미지를 로딩하면서 깜빡이는현상이 없기때문에 개인적으로 추천해요
-
희미한눈물
그럼 어떤 방법이 제일 간결하고 깔끔하개 들어갈까요..??
-
푸르
:hover도 몇가지 방법있겠죠. .그냥 오버시 파일명을 바꾼다던가
background-position으로 밀던가....
또 같은곳에 두개 이미지 해놓고
평상시에는 오버이미지 none해놓고 오버시에는 평상시이미지 none 오버이미지 block시키는 방법도 있고 -
찬누리
잘부탁합니다!
ㅎㅎ잘봤어요