Internet Explorer 9'点击'技巧无法正常工作

时间:2013-02-21 21:37:51

标签: svg internet-explorer-9 click-through

我一直在寻找一种方法来启用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>

1 个答案:

答案 0 :(得分:3)

我注意到您的实施有两个问题。 首先,您必须使用svg包装要单击的元素。你只需要在svg之后点击你想要的div而不是INSIDE。 第二,你的div没有大小所以几乎不可能点击,所以我添加了宽度和高度

<div onclick="itworked();" style="position:absolute; top:0; left:0; width:100%; height:100%">Click me</div>

我对你的小提琴实施了这些修改,至少在我看来,in here