为什么这个图像悬停功能不会将元素带到前面？

Question

我正在尝试为重叠图像元素的图库编写一些代码。我希望每个图像都有一个悬停事件处理程序，当鼠标进入图像时，该处理程序将该图像带到前面，然后当鼠标离开图像时将图像移回前面。就像现在一样，图像闪烁，就像它们被向前推进然后立即向后退一样。代码不再可用。任何想法表示赞赏，我确信这可能只是一个 css/jq 动画修复，但我无法弄清楚。

Answer 1

为了使 z-index 正常工作，您需要确保元素相对定位。

所以，只需添加position:relative;

#jqfg_thumbnails img {
height: 150px;
width: 150px;
margin-left: -50px;
opacity: 0;
z-index: 1;
position: relative;
}