jquery - 使用jQuery将图像从“堆栈”的底部移到顶部

我有三个重叠的图像。当光标移到其中一张图像上时，我希望该图像跳到堆栈顶部。我尝试了两种方法：css伪类：hover和jquery。

$('.icon-stack').hover(function() {
     var index = $(this).css("z-index");
     $(this).css('z-index',index+=3);},
function() {
     var index = $(this).css("z-index");
     $(this).css('z-index',index-=3);
 });

进一步说明：当鼠标进入时，底部图像会升至z-index：4，然后又降回z-index：1。中间的图像从2增大到5，顶部的图像从z-index：3开始，因此当函数运行时，每个图像都应该在其上方。

我遇到了一些问题：中间图像位于顶部，并一直位于顶部。

最佳答案

没有看到您的标记和CSS，很难确定，但是我强烈怀疑问题z-index被忽略了，因为元素static的默认位置。您应该尝试将position: relative设置为CSS中有问题的元素。

关于jquery - 使用jQuery将图像从“堆栈”的底部移到顶部，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/20152543/