我找不到任何与此主题相关的非常有用的答案，所以我要再问一次。我在 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 ??
有什么建议吗？
最佳答案
或者您可以尝试在 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 找到图像。
希望它对你有用。完成您的问题所需的任何其他内容，您可以在此处发布... 谢谢
关于jquery - 将鼠标悬停在 div 中的图像上，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/9881276/