1

私はこれに対する解決策を探してどこでもチェックしましたが、それを理解することができませんでした. 解決策は私にはわかりません。

style="z-index:5;"複雑な理由により、CSS のマージン/パディング スワップを単純に変更することはできないため、最初の divに追加し、次に 2 番目の div に追加しようとしてstyle="z-index:4;"います。これにより、ページの最後の要素が最も低くなります。 z-index であり、上に向かう各要素は 1 を追加するため、重複がある場合は常に上に残ります。これは、現在後続の兄弟要素の下にあるリンクの場合です。

以下のサンプル コードの抜粋: カウンターが機能していることはわかっていますが、インクリメンタ (z) の値が.cssfor ループのメソッドに渡されません。助言がありますか？

<style>
.subsection {
    margin-top: -80px;
    padding-top: 80px;
    position: relative;
}
</style>

<script>
    var set_zindex = function(){
        var subsection = $('.subsection');
    var subsections = subsection.length;
    var z;
    for ( z=subsections; z >=0; z-- ) {
        subsection.css('z-index', z );
    }
}
set_zindex();
</script>

<html>
<div class="subsection">some content</div>  //add style="z-index:5:
<div class="subsection">some content</div>  //add style="z-index:4:
<div class="subsection">some content</div>  //add style="z-index:3:
<div class="subsection">some content</div>  //add style="z-index:2:
<div class="subsection">some content</div>  //add style="z-index:1:
</html>
4

2 に答える 2

3

jQueryコレクション（varサブセクション）を使用しています。そのコレクションの各アイテムを個別に確認する必要があります。

何かのようなもの：

subsection.each(function(i){
  $(this).css('z-index', subsection.length-i);
});
于 2012-12-20T01:06:08.773 に答える
0

forループではz-=1を使用する必要があります。そうでなければ物事が厄介になることがあります。こちらをご覧ください

そして、それぞれを繰り返します。

subsection.each
  (
    function(i) {
         $(this).css('z-index',subsections-i);
    } 
  )
;
于 2012-12-20T01:04:30.750 に答える