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

Question

我正在使用 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>

Thebackground和 the colorboth 工作，但z-index没有被应用。

我哪里错了？

Answer 1

如果您不使用position属性 (&nbsp;relative,&nbsp;absolute,&nbsp;fixed) 为元素设置样式，则该元素将作为块或内联元素保留在正常文档流中。普通文档流中的元素不能与z-index.

Answer 2

设置 z-index 时，您的 jQuery 中有一个额外的冒号。应该是$(".items&nbsp;div").not(".active").css({"color":"green","background":"red","z-index":"-9"});