jquery - 多个图像相互加载

Question

我面临一个非常奇怪的问题。我在一个 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> 

Answer 1

默认情况下，DOM 中较低的事物具有较高的 z-index 并会出现在顶部。为您想要在顶部的元素设置 z-index 会将其置于其余元素之上。在所有元素上设置 z-index 将允许您以您想要的任何顺序“堆叠”它们。