将 png 覆盖图像放在 textlink 上的鼠标悬停上答案

【问题标题】：place png overlay image on mouseover on textlink将 png 覆盖图像放在 textlink 上的鼠标悬停上
【发布时间】：2012-06-18 08:16:12
【问题描述】：

我有一个普通的 jpg 照片和 2 个文本链接。当用户将鼠标悬停在 textlink 1 上时，我想在 jpg-photo 上显示一张透明的 png-photo，当用户将鼠标悬停在 textlink 2 上时，我想在 jpg 上显示另一张 png-photo。在鼠标移出时，png 应该会再次消失。

可能吗？它可以单独使用 CSS 完成还是我需要 javascript 来完成？提前致谢。

【问题讨论】：

【解决方案1】：

是的，可以使用 JQuery、JS 或 CSS，具体取决于您的要求。好的脚本在这里：

【讨论】：

【解决方案2】：

您可以使用悬停 CSS 选择器来解决此类问题，具体取决于页面的 html 布局

#11:hover img {
display:inline:
Add other blocks 
}

【讨论】：

【解决方案3】：

您的请求可以使用 jQuery 的强大功能轻松完成 :) 我用 jQuery 做了一些东西，你可以在这里找到
http://jsfiddle.net/xrmqq/
这很接近你想做的事情。

【讨论】：