Fatal编程技术网
  • css/
  • Css 在没有jQuery的情况下，如何在悬停时更改div背景图像？

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

css image

Css 在没有jQuery的情况下，如何在悬停时更改div背景图像？,css,image,background,Css,Image,Background,我想更改悬停事件中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; }

我想更改悬停事件中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;
}