0

3 つの div があり、1 つは z-index1 (背景画像) に設定され、1 つは z-index5 (テキストとリンクを含むプレーンな div) に設定され、1 つは z-index10 (前景画像) に設定されます

z-index5 は、他の 2 つの 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();
});
4

1 に答える 1

3 
$(function() {
    $('#contentcontain').animate({'margin-top': '10px'}, 7000, function() {
        $(this).css('z-index', '15');
    });     
});
于 2013-03-20T20:04:42.600 に答える