Javascript 具有低z指数子级的高z指数父级

让我解释一下情况，我得到了一个可拖动的div，每当我开始拖动时，我都会对div应用一些指导线。 因为我希望div高于一切，所以我为div元素设置了一个类，它包含20000的z索引！重要的

碰巧我的指导线继承了相同的z索引，我不希望它们作为其父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到指导线

---

提前感谢。

Z-index是相对于父对象的，因此如果您希望子对象低于父对象，则需要使用负Z-index

z-index:-500;

---

你试过负z指数吗？JSFIDLE会很有帮助的…感谢尝试使用它，并让你们知道：）我最终使用了其他解决方案，但因为这是我需要的另一件事，无论如何，我将给你们打勾，因为该解决方案实际上也适用于其他场景：）谢谢你们的帮助！