Safari、SVGはクリックできません - 他のすべてのブラウザが動作します

Question

私はSVGに問題がありますが、Safariだけです！

私は、ユーザーがあるすべてのルートを参照するにはライン/セクタを選択することができクライミングジムの「マップ」を持っている...すべてがクロム、FirefoxでもInternet Explorerの^^

で正常に動作しますあなたはアクションでそれを見ることができます： http://www.climbtogether.at/routendatenbank/routes?center=test ボタン： "Übersichtsplan"をクリックするか、englischとklick "Map-Overview"に言語を変更してください！

svg要素は、常にclass = "sector"またはclass = "line"を持ち、クリックをリッスンするjqueryがあります。

$('.linie, .sektor').click(function(){ 
      table.search($(this).data("sektor")).draw(); 
      $('#search').val($(this).data("sektor")+' '); 
      $('#uebersicht').modal('hide'); 
     }); 

私はpointer-events: none仕事と、多くの人々のための解決策見つけましたが、私はそれを変更した場合、私の場合には、それはどこでも仕事をdoesnt ..

normaly作品ホバリングのためのCSSもありますが、 Safariではない！

他の人がいるかもしれませんか？

ありがとうございました！

Answer 1

ありがとうございます！それはので、私は、Internet Explorerのために必要な私のインラインスタイルの設定であった：

width: 100%; padding-bottom: 85%; height: 1px; overflow: visible; box-sizing: content-box; 

は、だから今私は誰かがIEで、私のサイトを訪れたときにこれらのスタイルを設定する方法を見つける必要があります！