Question

我目前正在使用css设置背景图片：

html {
font-size:100%;
margin-top: 0px;
background: url(http://vagrantpress.dev/wp-content/uploads/2016/09/Motorcycle-Wallpapers-HD-1-1-1.jpg) no-repeat center center fixed; 
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;

}

我想要做的是在悬停时使用其他图片，我该如何在CSS中执行此操作？

Answer 1

使用：hover伪元素。但是你确定要在整个html选择器中执行此操作吗？

html:hover {
  background: url([NEW IMAGE URL]) no-repeat center center fixed;   
}

Answer 2

：当用户使用指点设备

指定元素时，hover CSS pseudo-class匹配

frame0 = frame0[frame0.NoDemande.isin(tokeep)]

在悬停上交换CSS背景图像

2 个答案: