jQuery 动画。动画 div 始终位于顶部。我需要它在另一个 div 后面

Question

我正在使用 jquery 为默认隐藏的 div 设置动画，当用户单击按钮时，它会从底部和该按钮后面显示。

但是当使用 animate() 时，动画总是出现在按钮的前面（无论 z-index 是多少）。我可以改变这种行为吗？

基本上这就是我所拥有的：

#div_btn {
background:inherit;
background-position:-111px 0px;
width:100px;
height:37px; 
float:left;
z-index: 1010;
}

#div_anim {
width:213px;
left: 67px;
top: 125px;
position: absolute;
height: 293px;
background: #e8a865;
display:block;
z-index:999;
}

动画的触发器：

$("#div_anim").css("display", "block");
$("#div_anim").animate( {"opacity":"1.0", 
"top":"75px", "left":"23"}, "fast");

Answer 1

我发现我总是必须在我想要应用 z-index 的任何元素上设置一个 position: value。当您在#div_anim (position: absolute;) 上设置它时，似乎在#div_btn 上没有设置位置，所以我将从那里添加一个位置开始。