jquery - 将鼠标悬停在 div 中的图像上

Question

我找不到任何与此主题相关的非常有用的答案，所以我要再问一次。我在 div 中有一个 img

<div id ="gratterlendis"> <a href ="?page_id=8"><img src="img/gratterlendis.png" align="right" width="200"> </a></div>

当我这样做的时候

#gratterlendis img:hover {
background:url("images/svarterlendis.png)
} 

没有任何反应..即使我知道图片已经加载但是如果我举个例子 margin-left:10px;在#gratterlendis img:hover 然后图片电影还剩 10px ??

有什么建议吗？

Answer 1

或者您可以尝试在 A 标签上添加 CLASS 属性。

示例:

*<div id ="gratterlendis"> <a class=swap href ="?page_id=8"><img src="img/gratterlendis.png" align="right" width="200"> </a></div>*

然后在您的 CSS 中添加以下内容:

*a.swap {
background-image:url(img/gratterlendis.png);
}
a.swap:hover {
background-image:url(img/svarterlendis.png);
}* 

这对我有用...我还注意到您使用了 IMG 和 IMAGES 文件夹...确保它们位于该特定文件夹中或正确重命名它以便 CSS 找到图像。

希望它对你有用。完成您的问题所需的任何其他内容，您可以在此处发布...谢谢