0

私は非常に奇妙な問題に直面しています。div 内で複数の画像を使用して同じ位置にロードしています。問題は、読み込み中にすべての画像が互いに重なって読み込まれることです。CSSの位置がに設定されてabsoluteおり、最初の画像が最初の画像の下ではなく、残りの画像をロードするようにしたいだけです。残りのスライダーは処理します。誰でもこれで私を助けることができますか?

画像の私の構造は次のとおりです

<div class="container">
    <div class="item item-1 active" style="display: block;">
        <div class="image">
            <img src="./eg/eg-101.jpg" alt="Breakers">
        </div>
    </div>
    <div class="item item-1 active" style="display: block;">
        <div class="image">
             <img src="./eg/eg-102.jpg" alt="Breakers">
        </div>
    </div>
</div>
4

1 に答える 1

0

デフォルトでは、DOM の下部にあるものほど z-index が高くなり、上部に表示されます。一番上にしたい要素の z-index を設定すると、残りの要素の上に配置されます。すべての要素に z-index を設定すると、それらを任意の順序で「積み重ねる」ことができます。

于 2012-11-12T20:26:25.910 に答える