¿Cómo cambiar una imagen de fondo div mientras se desplaza sin jQuery?

Question

Quiero cambiar el fondo de un evento DIV on hover. ¿Hay alguna manera de hacer esto usando CSS puro?

Answer 1

Sí, esto es bastante fácil con CSS puro, aunque IE6, si mal no recuerdo, no admite :hover en ningún elemento excepto en a. Pero el siguiente debería funcionar consistentemente en otros navegadores:

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; 
}