svg - Internet Explorer 9 'clickthrough' 技巧不起作用

Question

我一直在寻找一种在 Internet Explorer 9 和 this 上启用图层点击的方法。是迄今为止我找到的最好的答案之一。这显然不适用于我制作的小 jsfiddle here .请注意，我在兼容模式下使用的是真正的 Internet Explorer 9 而不是 Internet Explorer 10(顺便说一句)。有没有办法让它发挥作用？

HTML:

<svg width="100px" height="100px" style="position:relative;background:#aaaaaa;z-index:100;pointer-events:none;"></svg>
<div onclick="alert('it worked!');" style="position:absolute;top:10px">Click me</div>

Answer 1

我注意到您的实现有两个问题。
首先，您必须用 svg 包裹要单击的元素。您只需将要单击的 div 放在 svg 之后而不是 INSIDE 中。
其次，你的 div 没有大小，所以几乎不可能点击，所以我给它添加了宽度和高度
<div onclick="itworked();" style="position:absolute; top:0; left:0; width:100%; height:100%">Click me</div>
我对你的 fiddle 进行了这个修改，它起作用了，至少对我来说，in here