2013-02-21 39 views
2

我一直在尋找一種方法來啓用Internet Explorer 9上的圖層點擊和this是我迄今發現的最佳答案之一。這顯然不適用於我製作here的小jsfiddle。請注意,我在兼容模式下使用真正的Internet Explorer 9而不是Internet Explorer 10(它工作順便說一下)。有沒有辦法做到這一點?互聯網瀏覽器9'點擊通過'技巧不起作用

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> 

回答

3

我注意到2個問題,您的實現。 首先,你必須用svg包裝你想要點擊的元素。你只需要把你想要點擊的div放在svg之後而不是INSIDE。 其次,你div有沒有大小,因此它幾乎是不可能的點擊,所以我增加了一個寬度和高度,以它

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

我實現了這個修改您的小提琴,它的工作,至少對我來說,in here