jQuery 애니메이션. 애니메이션 div는 항상 위에 있습니다. 다른 div 뒤에 필요합니다.

Question

기본적으로 jquery를 사용하여 div가 애니메이션으로 표시되며 사용자가 버튼을 클릭하면 해당 버튼의 하단과 하단에 나타납니다.

그러나 animate()를 사용하면 애니메이션이 항상 버튼 앞에 표시됩니다 (z- 인덱스에 관계없이). 그 행동을 바꿀 수 있을까요? ANIM에 대한

#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

내가 항상 위치를 설정한다는 것을 발견했습니다 : 가치를 모든 요소 I에

은 기본적으로이 내가있어 무엇인가 Z-index를 적용하고 싶습니다. #div_anim (position : absolute;)에 설정 한 동안 #div_btn에 설정된 위치가 없으므로 위치를 추가하는 것으로 시작합니다.