多个图像加载在另一个

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