Jquery 将透明图像添加到另一个悬停图像的顶部

我有三张照片。我想在我正在盘旋的那个上面。当我把鼠标移走的时候，它就消失了。我怎样才能得到这个？ jQuery也可以，因此也可以添加动画：-

<ul>
<li>
    <a class="toggle" href="#g1"><img src="blahblah.jpg" /></a>
    <a class="toggle" href="#g2"><img src="blahblah.jpg" /></a>
    <a class="toggle" href="#g3"><img src="blahblah.jpg" /></a>
</li>

---

对不起，我不确定我是否清楚地理解了你的问题，但我认为这会对你有所帮助

<div id="dv1" style="position:relative">
<img id="img1" style="position:absolute" src="image1.jpg">
<img id="img2" src="image2.jpg" width="150">
</div>
//make this div position relative and make images positions as absolute

看看这个例子

---

我想建议一种方法，即重用页面中的隐藏元素，并在悬停时将其动态定位在元素顶部

可以在隐藏元素上使用Jquery控制动画

$('.toggle img').mouseover(function(){
// Get the current offset of the image
var currentElementOffset=$(this).offset();

// set the current offset of the overlay image
$(".overlay").css({
    top: currentElementOffset.top, 
    left: currentElementOffset.left
});
$(".overlay").fadeIn(500);});

并在鼠标离开时隐藏覆盖层

// Hide the overlay image when the mouse hovers out
$('.overlay').mouseleave(function(){
    $(".overlay").fadeOut(500);
});

---

我试着将图像设置为在每个图像附近悬停，重复三次，然后留下一个负边距。默认情况下显示：无。然后使用jquery.attr设置，我在mouseleave上将可见性更改为visible，然后更改为hidden。问题在于运行悬停函数的元素与要应用于的元素不同。。我不知道该怎么处理。。也许和你一起去，找到了吗？但是我如何将它与.attr结合起来呢？谢谢你的回复！在图像之间快速传递时会出现一些问题，但它可以工作！：-