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

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

解决方法

是的,使用纯CSS非常简单,尽管是IE6,如果我没记错的话,不支持:将鼠标悬停在除了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;
}

相关文章

Css3如何实现鼠标移上变长特效?(图文+视频)
css3怎么实现鼠标悬停图片时缓慢变大效果?(图文+视频)
jquery如何实现点击网页回到顶部效果?(图文+视频)
css3边框阴影效果怎么做?(图文+视频)
css怎么实现圆角边框和圆形效果?(图文+视频教程)
Css3如何实现旋转移动动画特效