javascript - jQuery .css - z-index 未应用于元素

Question

这个问题已经有答案了:

Why does z-index not work? (10 个回答)

已关闭 4 年前。

我正在使用 jQuery 选择一些元素并应用这样的 CSS...

$(".items div").not(".active").css({"color":"green","background":"red","z-index:":"-9"});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

<div class="items">
  <div>Item 1</div>
  <div class="active">Item 2</div>
  <div>Item 3</div>
  <div>Item 4</div>
  <div>Item 5</div>
</div>

background和 color两者都有效，但是 z-index没有被应用。

我哪里出错了？

Answer 1

如果您不使用 position 属性设置元素样式(relative、absolute、fixed) ，该元素将作为 block 或内联元素保留在正常文档流中。正常文档流中的元素无法使用 z-index 进行分层。