Question

我正在尝试为重叠图像元素库创建一些代码。我希望每个图像都有一个悬停事件处理程序，当鼠标进入图像时将该图像带到前面，然后当鼠标离开图像时将图像移回。就像现在一样，图像闪烁，就像它们被向前推，然后直接放回去。可用代码here。任何想法，我相信这可能只是一个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;
}