时间戳

首页 > 解决方案 > jQuery .css - z-index 未应用于元素

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

问题描述

我正在使用 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没有被应用。

我哪里错了？

标签： javascriptjquery

解决方案

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

推荐阅读