HTML CSS Hover 이미지 하나의 이미지로 링크

Question

사용자 Alois Madhal은 호버 이미지를 만들려고 노력하는 사람에게 멋진 조언을 게시했습니다. 이 같은 기술을 이미지 링크로 사용하고 싶습니다. 가능한가? 나는 여러 가지 방법을 시도했지만 분명히 뭔가 빠져 있어야한다고 생각합니다. 다음은 알로이가 제공 한 정보입니다.

<style> 
    #tuxie { 
     width: 25px; height: 25px; 
     background: url('images/tuxie.png') no-repeat left top; 
    } 
    #tuxie:hover { background-position: -25px 0px } 
</style> 

<div id="tuxie" /> 

Answer 1

물론입니다.

일반적으로 링크와 마찬가지로 <a href="...">을 사용해야합니다.

중요한 점은 링크 스타일에 display:inline-block을 추가하는 것입니다. 이렇게하면 너비와 높이를 적용 할 수 있습니다.