Question

我有一系列图像，应该在悬停时显示背景但不起作用。

img:hover {
background:url("file:///F|/Desktop/testing%20new%20site/hehehe%20-%20Copy/img/hover.png");
background-repeat: no-repeat;
background-attachment:fixed;
background-position: center; 
  -webkit-transition-duration: .05s; /* Safari */
transition-duration: .05s;  }

Answer 1

您可以查看以下链接：http://jsfiddle.net/S6aUy/4/

问题在于背景颜色的语法错误。

你这里有一个错字：background-color; #000;

相反，您应该输入background-color: #000;

另外，我建议您使用带有linting工具的IDE，以便快速发现这些错误。

编辑：我添加了一个新示例，向您展示如何实现您的目标：

http://jsfiddle.net/J2M9P/

Answer 2

这可能是2天一次：Click and see the code。

或使用div标签并使用背景图像。

<div class="imgbox"></div>

<style>
.imgbox{
  position:relative;
  display:block;
  background-image: image path;
  height:200px; width:200px;
}    

.imgbox:hover{
  position:relative;
  display:block;
  background-image: next image path;
  height:200px; width:200px;
}
</style>

图像悬停未显示

2 个答案: