width/height 的 SVG 图像被 IE10 弄乱了
width/height of SVG image messed up by IE10
我有一个 SVG 图像，上面有可点击的 SVG 多边形，上面有一些悬停图像效果。在每个浏览器中都可以正常工作，除了 - 当然 - 在 IE 中。实际上 edge (12 + 13) 和 IE 11 都可以。甚至 IE10 (Metro) - 但不是 IE10 Latest（在 Browserstack 中测试过）。
因为这必须通过图像才能看到，所以我在这里提供了一个工作示例（除了 IE10 之外工作良好）：
SVG clickable images
所以在 link 之后你可以看到它应该是什么样子（同样，IE10 除外）这是 Browserstack 在 IE10 Latest 中的截图：
因此，在这种特定情况下，黑白图像（背景）——而不是像其他 svg 东西那样具有 7.5% 的边距和 85% 的宽度——按高度调整大小，这似乎为 100%，从而导致 SVG 的分层不正确。
我真的不知道是什么原因造成的 - 非常感谢您的帮助！
您似乎只为 <svg> 元素提供了 width（即没有高度）。因此，您的问题可能是 IE 的 SVG 缩放错误。请参阅以下问题以获取解决方法。
我有一个 SVG 图像，上面有可点击的 SVG 多边形，上面有一些悬停图像效果。在每个浏览器中都可以正常工作，除了 - 当然 - 在 IE 中。实际上 edge (12 + 13) 和 IE 11 都可以。甚至 IE10 (Metro) - 但不是 IE10 Latest（在 Browserstack 中测试过）。
因为这必须通过图像才能看到，所以我在这里提供了一个工作示例（除了 IE10 之外工作良好）： SVG clickable images
所以在 link 之后你可以看到它应该是什么样子（同样，IE10 除外）这是 Browserstack 在 IE10 Latest 中的截图：
因此，在这种特定情况下，黑白图像（背景）——而不是像其他 svg 东西那样具有 7.5% 的边距和 85% 的宽度——按高度调整大小，这似乎为 100%，从而导致 SVG 的分层不正确。
我真的不知道是什么原因造成的 - 非常感谢您的帮助！
您似乎只为 <svg> 元素提供了 width（即没有高度）。因此，您的问题可能是 IE 的 SVG 缩放错误。请参阅以下问题以获取解决方法。