Chrome 上 svg 碎片的 HTML 问题

Question

我的网站有 SVG 背景，它导致闪烁，我已在 Edge 和 Firefox 中打开它，这只是 chrome 问题。即使我刚刚加载网站并且没有移动鼠标/滚动，它也会随机发生。

我尝试将背面可见性添加到隐藏，因为我发现这可能会解决问题，但事实并非如此，我还在 div 中放置了一个 img 标签并将图像 src 设置为 svg，但这也不起作用。我觉得这与 svg 上的动画有关，但不确定如何解决这个问题。

Answer 1

假设您使用 CSS 设置背景图片： 仅在 Chrome 上使用媒体查询渲染图像的光栅 (PNG) 版本。

但是，如果这不可行，您可以尝试以下答案，据说您可以编辑 SVG 文件，以便它可以在 chrome 中渲染。

Chrome 不渲染通过 元素引用的 SVG