具有低z指数儿童的高z指数父母

Question

让我解释一下这种情况，我有一个可拖动的div，每当我开始拖动时，我都会向div应用一些引导线。 因为我希望div高于一切，所以我将一个类设置为包含z-index为20000的div元素！important。

发现我的指南继承了那个相同的z-index，并且我不希望它们作为其父div而高于一切。

我有这样的事情：

<div id="parent" style="z-index: 20000 !important; width: 100px; height: 100px;">
   <div id="guide-lines">
      <div class="guide-top"></div>
      <div class="guide-left"></div>
      <div class="guide-right"></div>
      <div class="guide-bottom"></div>
   </div>
</div>

引导线是穿过所有浏览器文档的线条，用于指示其位置。 但是，正如我所说，我不希望它们超越一切。

有没有机会设置较低的z指数？甚至0到指南线？

提前致谢。

Answer 1

Z-index相对于父级，因此如果您希望子级低于父级，则需要使用负z-index。

z-index:-500;