IE10搞砸了SVG图像的宽度/高度

Question

我有一个SVG图像，上面有可点击的SVG多边形，还有一些悬停图像效果。在每个浏览器中都可以正常工作，当然除了 - 在IE中。实际上边缘（12 + 13）和IE 11都很好。甚至IE10（Metro） - 但不是IE10最新版（在Browserstack中测试过）。

由于必须在图像中看到这一点，我在这里提出了一个工作示例（与IE10分开工作）： SVG clickable images

所以关注该链接你可以看到它应该是什么样子（再次，除了IE10）这是一个来自Browserstack的截图，它在IE10中的样子最新：

所以在这种特殊情况下，黑色＆amp;白色图像（背景） - 而不是像其他svg东西那样具有7.5％的左边距和85％的宽度 - 被高度调整大小，这似乎是100％，因此导致SVG的不正确分层。

我真的不知道造成这种情况的原因 - 非常感谢任何帮助！

Answer 1

看起来您只为width元素提供<svg>（即没有高度）。所以它可能是IEs SVG扩展错误，这是你的问题。请参阅以下问题以获取解决方法。

SVGs not scaling properly in IE - has extra space