Question

我的SVG有问题，但仅限于Safari！

我有一个登山健身房的“地图”，用户可以选择一个行/扇区来查看那里的所有路线。在Chrome，Firefox甚至Internet Explorer中一切正常^^

你可以在这里看到它： http://www.climbtogether.at/routendatenbank/routes?center=test 只需点击按钮：“Übersichtsplan”或将语言改为englisch并点击“Map-Overview”！

svg-elements总是有一个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的解决方案有效，但在我的情况下，如果我更改它，那么它在任何地方都无法工作..

还有一个用于悬停的CSS，它可以正常使用，但不适用于Safari！

有人可能有另一种解决方案吗？

谢谢！

Answer 1

好的我已经知道了！这是因为我需要Internet Explorer的内联样式设置：

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

所以现在我只需要找到一种方法来设置这些样式，当有人用IE访问我的网站时！

Safari，SVG无法点击 - 每个其他浏览器都有效

1 个答案: