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属性 ( relative, absolute, fixed) 为元素设置样式，则该元素将作为块或内联元素保留在正常文档流中。普通文档流中的元素不能与z-index.

Answer 2

设置 z-index 时，您的 jQuery 中有一个额外的冒号。

应该是

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