jQuery없이 마우스 오버시 div 배경 이미지를 변경하는 방법은 무엇입니까?

Question

호버 이벤트에서 DIV의 배경을 변경하고 싶습니다. 순수 CSS를 사용하여이를 수행 할 수있는 방법이 있습니까?

Answer 1

예, IE6 임에도 불구하고 순수 CSS로 작성하는 것이 쉽습니다. a을 제외한 모든 요소에서 :hover을 지원하지 않습니다. 하지만 다음은 다른 브라우저에서 계속 작동해야합니다.

div { 
    background: #fff url(path/to/image.png) 0 0 no-repeat; 
} 

div:hover { 
    background: #ffa url(path/to/hoverImage.png) 0 0 no-repeat; 
}