javascript动画中的Z索引？

Question

我的 javascript 中某些 div 的 z 索引有点问题。

我使用了一些来自 Rob White 的代码，通过扩展它们的边距来为盒子制作动画。除了脚本的 unhover 部分之外，它还可以很好地工作。

fiddle here 显示发生了什么。

悬停时 div 动画和展开并添加 top 类，z-index 为 9999999

悬停时它们会再次缩小，但会“弹出”在相邻方格后面，而不是留在顶部。 top 类在 unhover 时被移除，但这与动画无关。

它实际上似乎只发生在边缘，右下角是唯一看起来自然的地方。任何帮助都会很棒。

Answer 1

.top 像这样结束动画后需要删除

$(this).stop(true, true).animate({
                marginTop: "5px",
                marginBottom: "5px",
                marginLeft: "5px",
                marginRight: "5px"
               }, 800,function(){
                    $(this).removeClass("top");
            });

Fiddle