多个图像相互加载

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将允许您以任何您想要的顺序“堆叠”它们。