애니메이션 후 div의 z 인덱스를 변경합니다.

Question

3 div가 있습니다. 1이 z-index1 (배경 이미지)에 설정됩니다. 1이 z-index5 (텍스트 및 링크가있는 일반 div)로 설정됩니다. 1이 z-index10)

z- 색인 5는 다른 두 div와 정지 사이에서 위로 슬라이드합니다. 그러나 그것은 링크가 있기 때문에 그 전경 이미지 (대부분은 통해 볼 수있는 .png) 아래에 있기 때문에 클릭 할 수 있습니다

내 질문은, 어떻게하면 앞으로 전진 할 z- 색인을 얻을 수 있습니까? 애니메이션이 중단되어 링크가 클릭 가능하게됩니까? 여기까지 내가 가지고있는 것이지만 작동하지 않습니다. 애니메이션은 올바르게 재생되지만 zindex는 전경 위로 이동하지 않는 것 같습니다. 미리 감사드립니다. 후 질문에

페이지 : www.titanstudio.net/about.html

다른 작은 사업부를 애니메이션 전체 jQuery 코드는 이미지를 미리로드하고 이미지가로드 될 때까지 된 div를 숨 깁니다.

$(window).load(function(){ 
    $('#PageTitle').fadeIn(500,function(){ 
     $(this).animate({"left" : "100px"}, 1000); 
    }); 
    $(function() { 
     $('#contentcontain').animate({ marginTop: 40 }, 7000, function() { 
      $(this).css({ zIndex: 15 }); 
     }); 
    }); 
    $('#undersplash').show(); 
    $('#oversplash').show(); 
}); 

Answer 1

$(function() { 
    $('#contentcontain').animate({'margin-top': '10px'}, 7000, function() { 
     $(this).css('z-index', '15'); 
    });  
});