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应用到的任何元素的值。当你将它设置在#div_anim（position：absolute;）时，它似乎没有在#div_btn上设置位置，所以我首先要在那里添加一个位置。