如何在没有jQuery的情况下悬停时更改div背景图像？

Question

我想在悬停事件中更改DIV的背景.有没有办法使用纯CSS做到这一点？

Answer 1

是的,这对于纯CSS非常容易,虽然IE6,如果我没记错的话,不支持:hover任何元素,除了a.但是以下内容应该在其他浏览器中保持一致:

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