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

Question

我有2个div。它们没有重叠，但其中一个的 z-index 高于另一个。我正在尝试将 a div li:hover{ } 应用于较低的，但它不起作用。

我试过pointer-events: none了，但我onClick在更高 div 中的所有事件都不起作用。

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

谢谢！

Answer 1

你应该使用

ul li:hover
    {

    }

因为使用 div li:hover 将针对所有在您的视图中具有 li 的 div。如果您必须仅根据 z-index 值定位元素，您可以使用 jquery 来完成此操作。

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

此外，您还可以选择 firstchild、lastchild、nth-child 来定位您想要的特定对象。