Html Z索引滑块嵌套div

我有一个带有静态层的旋转滑块。我想要背景和其他层之间的静态层。这是代码的prox：

<ul class="slides">
   <li class="slide"> // position: absolute;
     <img src="bg.png"> // z-index: 10;
     <div class="caption">text</div> // z-index: 30;
   </li>
</ul>
<div class="static-layers"> // z-index: 15;
   <div class="static layer"> // z-index:  20;
      <img src="staticbg.png">
   </div>
</div>

//位置：绝对位置；
//z指数：10；
text//z-index:30；


//z指数：15；
//z指数：20；

---

我不能让它工作。有人得到任何提示吗？

在

幻灯片上覆盖
z-index
。将其设置为默认值：

.slide {
   z-index: initial;
}

（如果在.slide元素添加
！important
）上内联设置了
z-index
）
是否将位置属性应用于具有z-index的元素？它只在应用了例如绝对或相对时才起作用。所有的都是相对或绝对的。当我从.slide中删除绝对值时，它确实起作用。您是否也提供了
.slide
a级
z-index
？在这种情况下，z索引应用于其内容，使其无法在两者之间滑动任何内容。如果没有这个类上的z索引，我可以让它工作。没有这个z索引，它可以工作，但是旋转滑块会生成这个z索引。有没有办法让它和这个z索引一起工作？