html - Z-index 滑块嵌套 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;
}

（如果z-index在 .slide 元素添加内联设置!important。）