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

整个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();
});

Answer 1

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

动画后改变div上的z索引

1 个答案: