将owl轮播与另一个div重叠

<div class="carousel-container">
  <div class="owl-carousel">
    <!-- 轮播图内容 -->
  </div>
  <div class="overlap-div">
    <!-- 另一个div内容 -->
  </div>
</div>

.carousel-container {
  position: relative;
}

.owl-carousel, .overlap-div {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.owl-carousel {
  z-index: 1; /* 设置轮播图的层级为1 */
}

.overlap-div {
  z-index: 2; /* 设置另一个div的层级为2，使其覆盖在轮播图上方 */
}

$(document).ready(function(){
  $('.owl-carousel').owlCarousel({
    // 配置选项
  });
});