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

时间:2011-03-19 11:54:38

标签: css image background

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

1 个答案:

答案 0 :(得分:9)

是的,使用纯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;
}