3

我的问题： 是否可以禁用一个 div（Z-index 2），使其仍然可见并使其被鼠标“不明显”，这样我就可以通过它（鼠标悬停，点击）实现鼠标操作到它下面的启用 div？这意味着您可以单击下面的 div，因为您的鼠标位于禁用的 div 顶部或将鼠标悬停在顶部的 div 上，并且它不会影响或影响其下方 div 调用的鼠标悬停动作。

问题： 我在网上和 stackoverflow 上进行了搜索，但找不到我正在寻找的简单答案。我有几个 div，有些在不同的 Z-index 上相互重叠，而上面的那些则弄乱了下面的动作。

示例： - -我在下部 div（Z-Index 1）中有一个漂亮的图形框，其中包含鼠标悬停动作。当鼠标悬停在框上时，它会触发动作。- - 我在新图层（Z-Index 2）上的 div 上的框上也有一些漂亮的图形文本，但这会干扰下面框上的鼠标悬停动作。它使我的鼠标看起来像是离开了盒子，但它不仅仅是在更高级别的 div 上。

问题摘要： 我可以禁用 div 使其不可点击或触发鼠标悬停调用，但仍然可见吗？

4

2 回答 2

10

是的，您可以使用以下 CSS 属性：

pointer-events: none;

取决于您所针对的浏览器。不会说这个属性得到很好的支持。

见：http ://caniuse.com/pointer-events

于 2012-12-06T17:50:15.133 回答
1

您是否尝试让您的 2 级 div 实际上是 1 级的子级？您应该跟踪mouseenter/mouseleave而不是mouseover/mouseout

小解释：mouseout只要您的鼠标不在捕获的事件目标上，就会触发，即使您的指针越过目标的子对象也是如此。因为mouseleave它只会在您的鼠标指针离开目标元素及其任何子元素时触发。将其视为mouseenter类似于 CSS :hover。

于 2012-12-06T17:59:38.480 回答