我使用纯 CSS3 创建了一个 3 圆维恩图，每个圆都有一个 :hover 事件附加到它。我还有一个指向维恩图中心的箭头图像。我希望箭头在视觉上看起来位于圆圈的顶部，因此我将箭头上的 z-index 设置为高于圆圈。
现在的问题是 :hover 事件现在不会在维恩图的一半上触发，因为箭头图像在顶部，这导致悬停在箭头顶部而不是我希望它结束的圆圈. 那么是否有可能使一个元素在视觉上具有高 z-index 而不是以编程方式？
问问题
211 次
2 回答
4
假设您使用的是支持 WebKit 的浏览器（这不适用于任何版本的 IE 或 Opera），您可以使用pointer-events: none;相应地禁用悬停效果。
.arrow { pointer-events: none; }
享受和好运！
于 2012-07-10T15:07:28.943 回答
2
CSS
pointer-events:none;
这将适用于所有 webkit 浏览器。但是，如果您希望它适用于所有内容，则可能值得一看 http://www.vinyfox.com/forwarding-mouse-events-through-layers/
于 2012-07-10T15:28:48.473 回答