2

Internet Explorer 9 でレイヤーのクリックスルーを有効にする方法を探していましたが、これはこれまでに見つけた最良の答えの 1 つです。これは、私がここで作成した小さな jsfiddle では明らかに機能していません。私は互換モードで Internet Explorer 10 ではなく、実際の Internet Explorer 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>
4

1 に答える 1

3

実装に 2 つの問題があることに気付きました。まず、クリックしたい要素を svg でラップする必要があります。クリックしたい div を svg の後に配置するだけで、INSIDE ではありません。第二に、divにはサイズがないため、クリックするのはほとんど不可能なので、幅と高さを追加しました

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

この変更をあなたのフィドルに実装しましたが、少なくとも私にとってはここで機能しました

于 2013-03-08T13:52:43.823 に答える