Firefox 和 Safari 中的绝对定位问题答案

【问题标题】：Problem with absolute positioning in Firefox and SafariFirefox 和 Safari 中的绝对定位问题
【发布时间】：2020-08-28 01:08:51
【问题描述】：

在 Chrome 中，一切看起来都不错，但不知何故，Firefox 和 Safari 在我的 position: absolute; 和我的 container-fluid 中出现问题。

如您所见，它以某种方式接受img 上的left: 0; 和top: 0;，但在Firefox 或Safari 中打开时，它以某种方式显示like this 的间隙。

我尝试了所有方法，检查了每个填充，但还没有找到解决方案。

提前致谢！帕特里克

【问题讨论】：

有趣的问题。我还没有找到任何合适的解决方案，但一个技巧是使用translateX(1px) 手动将其移向站点的左/右。
嗯，我已经在 Firefox 和 Safari（在 MacOS 上）中检查了该站点，但没有发现问题。我们可以先通过清除所有网站数据来确保您的 CSS 没有缓存在这些浏览器中吗？

【解决方案1】：

我找到了解决问题的方法：

我将 svg 转换为 png 并且间隙消失了！一定有一个奇怪的 svg 代码线造成了这些差距。

还是谢谢:)

【讨论】：