Z-index Slider嵌套div

Question

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

<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>

我无法让它发挥作用。有人有任何提示吗？

Answer 1

覆盖z-index上的.slide，将其设置为默认值：

.slide {
   z-index: initial;
}

（如果{。1}}在.slide元素上设置内联添加z-index。）