jquery - 动画后更改 div 上的 z 索引

Question

我有 3 个 div 1 设置为 z-index1（背景图像） 1 设置为 z-index5（带有文本和链接的普通 div） 1 设置为 z-index10（前景图像）

z-index5 在另外两个 div 之间向上滑动并停止。但是，它的链接是不可点击的，因为它在前景图像下方（这是一个大部分是透明的.png）

我的问题是，一旦动画停止，如何让 z-index 向前移动以使链接变得可点击？这是我到目前为止所拥有的，但它不起作用。动画播放正确，但 zindex 似乎没有移到前景上方。提前致谢。

有问题的页面：www.titanstudio.net/about.html

动画另一个小 div 的整个 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');
    });     
});