【问题标题】：Map zooming out of svg in IE9地图在 IE9 中缩小 svg
【发布时间】：2013-03-04 23:43:42
【问题描述】：
我有一张地图，每当我放大地图时，地图都会变大（缩放工作正常），但地图超出了 SVG 的边缘，因此覆盖了我网页的其他功能。这只发生在 IE9 中。在 chrome 中，每当我放大地图时，地图总是停留在 SVG 内部。有没有其他人遇到过这个问题并提出解决问题的方法？我想将地图保留在 SVG 中。
谢谢
【问题讨论】：
标签：
javascript
html
css
d3.js
【解决方案1】：
这是 IE9 中的一个错误。 IE9 不尊重默认的 SVG 溢出模式，必须隐藏。
如果您手动设置 style = "overflow:hidden"，则可以纠正此行为，例如在最外层的 SVG 元素或周围的 <DIV> 元素中
<div style = "overflow:hidden"> <svg> ... </svg> </div>
在 JavaScript 中
divElement.setAttribute("style", "overflow:hidden");
另请参阅 here 和 here。