将鼠标悬停在较低的z-index div上

Question

我有2个div。它们没有重叠，但一个是z-index，而另一个是z-index。 我正在尝试申请 div li:hover{ } 到较低的一个，但它不起作用。

我尝试了pointer-events: none，但是比较高级div中的所有onClick个事件都无效。

无论如何要解决这个问题？

谢谢！

Answer 1

你应该使用

ul li:hover
    {

    }

因为使用div li：hover将定位所有在视图中具有li的div。如果必须仅基于z-index值来定位元素，则可以使用jquery来实现此目的。

使用jquery，您可以通过迭代元素来读取z-index的值，然后您可以检查哪个具有较低的z-index并且可以将您的css应用于那个。

您还可以选择firstchild，lastchild，nth-child来定位您想要的特定目标。