我使用纯CSS3创建了一个3圈维恩图，每个圈子都附有：悬停事件。我还有一个箭头图像，指向维恩图的中心。我希望箭头在视觉上显示在圆圈的顶部，所以我把z-index放在箭头上比圆圈更高。
现在的问题是：hover事件现在不会触发维恩图的一半，因为箭头图像在顶部，这导致悬停在箭头顶部而不是我想要它的圆圈结束了。那么是否可以在视觉上使元素具有高z-index而不是以编程方式？
答案 0 :(得分：4)
假设您使用的是支持WebKit的浏览器（这不适用于任何版本的IE或Opera），您可以使用pointer-events: none;相应地禁用悬停效果。
.arrow { pointer-events: none; }
享受并祝你好运！
答案 1 :(得分：2)
CSS
pointer-events:none;
这适用于所有webkit浏览器。但是，如果您希望它能够在所有方面工作，那么可能值得一看 http://www.vinylfox.com/forwarding-mouse-events-through-layers/