Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/472.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 将png覆盖图像放置在textlink的鼠标上方_Javascript_Html_Css_Png_Overlay - Fatal编程技术网

Javascript 将png覆盖图像放置在textlink的鼠标上方

Javascript 将png覆盖图像放置在textlink的鼠标上方,javascript,html,css,png,overlay,Javascript,Html,Css,Png,Overlay,我有一张普通的jpg照片和两个文本链接。当用户mouseover textlink 1时,我希望在jpg照片上方显示一张透明的png照片;当用户mouseover textlink 2时,我希望在jpg照片上方显示另一张png照片。鼠标移出时,png应再次消失 可能吗?它可以单独使用CSS来完成,还是需要javascript来完成? 感谢高级版。是的,根据您的需求,JQuery、JS或CSS都可以使用。 下面是要使用的好脚本: 根据页面的html布局,您可以使用悬停CSS选择器来解决此类问题 #

我有一张普通的jpg照片和两个文本链接。当用户mouseover textlink 1时,我希望在jpg照片上方显示一张透明的png照片;当用户mouseover textlink 2时,我希望在jpg照片上方显示另一张png照片。鼠标移出时,png应再次消失

可能吗?它可以单独使用CSS来完成,还是需要javascript来完成?
感谢高级版。

是的,根据您的需求,JQuery、JS或CSS都可以使用。 下面是要使用的好脚本:


根据页面的html布局,您可以使用悬停CSS选择器来解决此类问题

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

使用jQuery的强大功能可以轻松完成您的请求:) 我用jQuery做了一些东西,你可以在这里找到


这很接近你想要做的。

是的,这是可能的。根据您的HTML结构,您可能需要Javascript,也可能不需要。