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

【问题标题】：hover over lower z-index div将鼠标悬停在较低的 z-index div
【发布时间】：2014-10-06 09:16:06
【问题描述】：

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

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

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

谢谢！

【问题讨论】：

真的很困惑。你能解释清楚一点吗？
不清楚你在问什么。请提供更多详细信息和 jsfiddle。
无法将鼠标悬停在另一个元素后面的元素上。为什么不直接改变 z-index 让它在它上面呢？
对不起，我写的好像很奇怪...这个想法是对较低的 z-index div 应用悬停但如果你说这是不可能的...
您可以使用 jquery 来完成此操作，首先读取每个 li 元素的 z-index，然后您可以比较 z-index 的值，无论哪个具有最低 z-index，您可以将 css 应用于那个。

【解决方案1】：

你应该使用

ul li:hover
    {

    }

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

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

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

【讨论】：