css - 如何在没有 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;
}