Jquery 在动画后更改div上的z索引

Jquery 在动画后更改div上的z索引,jquery,jquery-animate,z-index,Jquery,Jquery Animate,Z Index,我有三个div 1设置为z-index1(背景图像) 1设置为z-index5(带文本和链接的纯div) 1设置为z-index10(前景图像) z-index5在另外两个div和stop之间向上滑动。但是,它的链接是不可点击的,因为它位于前景图像(主要是透明的.png)下方 我的问题是,一旦动画停止,如何使z索引向前移动,以便链接可以单击?这是我到目前为止所做的,但它不起作用。动画播放正确,但zindex似乎没有在前景上方移动。提前谢谢 问题中的页面:www.titanstudio.net/a

我有三个div 1设置为z-index1(背景图像) 1设置为z-index5(带文本和链接的纯div) 1设置为z-index10(前景图像)

z-index5在另外两个div和stop之间向上滑动。但是,它的链接是不可点击的,因为它位于前景图像(主要是透明的.png)下方

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

问题中的页面: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();
}); 

仅供参考,我猜正确的属性是
z-index
而不是
'zIndex
”。它要么是
.css('z-index',15)
.css({zIndex:15})
我回答得太慢了,但在这里:Joonas在他的JSFIDLE中使用了ZIndex,它可以工作。仅供参考,我猜正确的属性是
z-index
而不是
'ZIndex
'。它要么是
.css('z-index',15)
.css({zIndex:15})我回答得太慢了,但这里:Joonas在他的JSFIDLE中使用了ZIndex,它可以工作。这也不起作用。。我想知道是不是前景图像把它搞砸了。@JamieCollingwood-用DOM检查器检查元素,看看z索引是否真的改变了,如果改变了,还有其他问题吗?是的。。谢谢你的建议,我不知道为什么我没有去。Dom工具显示我将中间的div嵌套在背景div中。。把它拿出来,这样它就不会嵌套了,现在效果很好。。。很抱歉忽略了第一个明显的问题=(旁注.$(this).css({zIndex:15});与“z-index”一样有效谢谢大家的帮助!这也不起作用。。我想知道是不是前景图像把它搞砸了。@JamieCollingwood-与DOM检查器一起检查元素,看看z-index是否真的改变了,如果改变了,还有什么问题吗?是的。.谢谢你的建议,我不知道为什么这么做不要这么说。Dom工具显示我把中间的div嵌套在背景div中。把它取出来,这样它就不会嵌套了,现在工作得很好…很抱歉忽略了明显的第一个部分。=(在旁注上…$(this)。css({zIndex:15});和'z-index'一起工作谢谢大家的帮助!
$(function() {
    $('#contentcontain').animate({'margin-top': '10px'}, 7000, function() {
        $(this).css('z-index', '15');
    });     
});