如何将指示器放置在旋转木马图像之外？(引导程序4)

<div class="carousel-container">
  <div class="carousel">
    <!-- 图像内容 -->
  </div>
  <div class="indicators">
    <!-- 指示器内容 -->
  </div>
</div>

.carousel-container {
  width: 100%;
  height: 400px;
  overflow: hidden;
}

.carousel-container {
  position: relative;
}

.indicators {
  position: absolute;
  top: 10px; /* 调整为适当的位置 */
  left: 10px; /* 调整为适当的位置 */
}

// 示例使用jQuery实现
$('.carousel').on('beforeChange', function(event, slick, currentSlide, nextSlide) {
  $('.indicators .indicator').removeClass('active');
  $('.indicators .indicator[data-slide="' + nextSlide + '"]').addClass('active');
});