所以我在一个网站上找到了一个页面，它在 IE 和 Chrome 中的显示方式完全一样，但在 Firefox 中却不是。链接是http://www.jakerevans.com/?page_id=61 .在 IE 和 Chrome 中，旋转动画(用 D3.js 编写)完全通过 padding-left 和 padding-top 显示，但在 Firefox 中没有。任何人都知道如何使 Firefox 中的填充透明？还有其他可能的解决方案吗？如果可能的话，我真的很想通过 CSS 解决这个问题，而不是用 D3 代码回到绘图板。显然，如果必须的话，我会的。
非常感谢您的帮助!!!
最佳答案
您需要显式设置 overflow: visible在你的 <svg>元素。
SVG 规范声明所有创建视口(viewport)的 SVG 元素都应该有 overflow: hidden在浏览器的默认样式表中。但是，浏览器对于这是否应该包括填充区域存在分歧:如果您遵循 the description in the SVG specs ，与 Firefox 一样，不会包含填充。但是一般的CSS/HTML布局不认为padding中的内容溢出，所以Webkit/Blink/IE浏览器不会用overflow:hidden来裁剪它。 .
关于html - Firefox CSS 和/或 D3 的区别，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/28221890/