动画后更改div上的z索引

我有3个潜水器 1设置为z索引1(背景图像) 1设置为z-index5(带文本和链接的普通div) 1设置为z-index10(前景图像)

z索引5在另外两个div和stop之间向上滑动。然而,它的链接是不可点击的,因为它位于前景图像下方(这是一个.png,大部分是透明的)

我的问题是,一旦动画停止,如何使z索引向前移动,以便链接可以点击?这是我到目前为止所做的,但它不起作用。动画播放正确,但zindex似乎没有在前景上方移动。提前谢谢。

quesiton页面:www.titanstudio.net/about.html

整个jquery代码为另一个小div设置动画,预加载图像并隐藏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();
});