Firefox CSS and/or D3 区别
Firefox CSS and/or D3 difference
所以我在一个网站上找到了一个页面，它在 IE 和 Chrome 中的显示方式完全一样，但在 Firefox 中却不是。 link 是 http://www.jakerevans.com/?page_id=61。在 IE 和 Chrome 中，旋转动画（用 D3.js 编写）完全通过 padding-left 和 padding-top 显示，但在 Firefox 中不显示。任何人都知道如何使 Firefox 中的填充透明？还有其他可能的解决方案吗？如果可能的话，我真的很想通过 CSS 解决这个问题，而不是用 D3 代码回到绘图板。显然，如果必须的话，我会的。
非常感谢您的帮助！！！
它似乎不是填充的问题，它就像是 firefox 转换源的东西，看这个 Setting transform-origin on SVG group not working in FireFox
您需要在 <svg> 元素上明确设置 overflow: visible。
SVG 规范规定，所有创建视口的 SVG 元素都应在浏览器的默认样式表中包含 overflow: hidden。但是，浏览器对于这是否应该包含填充区域存在分歧：如果您像 Firefox 那样遵循 the description in the SVG specs，则不会包含填充区域。但是，一般 CSS/HTML 布局不考虑填充中的内容溢出，因此 Webkit/Blink/IE 浏览器不会用 overflow:hidden 裁剪它。
所以我在一个网站上找到了一个页面，它在 IE 和 Chrome 中的显示方式完全一样，但在 Firefox 中却不是。 link 是 http://www.jakerevans.com/?page_id=61。在 IE 和 Chrome 中，旋转动画（用 D3.js 编写）完全通过 padding-left 和 padding-top 显示，但在 Firefox 中不显示。任何人都知道如何使 Firefox 中的填充透明？还有其他可能的解决方案吗？如果可能的话，我真的很想通过 CSS 解决这个问题，而不是用 D3 代码回到绘图板。显然，如果必须的话，我会的。
非常感谢您的帮助！！！
它似乎不是填充的问题，它就像是 firefox 转换源的东西，看这个 Setting transform-origin on SVG group not working in FireFox
您需要在 <svg> 元素上明确设置 overflow: visible。
SVG 规范规定，所有创建视口的 SVG 元素都应在浏览器的默认样式表中包含 overflow: hidden。但是，浏览器对于这是否应该包含填充区域存在分歧：如果您像 Firefox 那样遵循 the description in the SVG specs，则不会包含填充区域。但是，一般 CSS/HTML 布局不考虑填充中的内容溢出，因此 Webkit/Blink/IE 浏览器不会用 overflow:hidden 裁剪它。