猫头鹰轮播中的点不与滑块重叠

Question

我用owl carousel创建了滑块，并且滑块运行良好，但是我想将点垂直放置在滑块上，问题是owl-carousel div的z-index为0，但是我想将点的div子代比那个大。 请参见下面的代码。 这在我的索引中

<div id="slider-area" class="owl-carousel owl-theme" style="position: absolute; z-index: 0; top: 0">
            <img class="item" style="filter: brightness(0.4)" src="img/slider/foto_1.jpg"/>
            <img class="item" style="filter: brightness(0.4)" src="img/slider/foto_2.jpg"/>
            <img class="item" style="filter: brightness(0.4)" src="img/slider/foto_3.jpg"/>
</div> 

，然后在我的浏览器中检查