平滑的 firefox 背景 gardient

Smooth firefox background gardient

提问人：Marc 提问时间：1/10/2023 最后编辑：Álvaro GonzálezMarc 更新时间：1/10/2023 访问量：194

问：

我注意到，与 chromium 相比，Firefox 中的背景渐变渲染得不那么平滑。

火狐浏览器：enter image description here

铬：enter image description here

Firefox 用更多的“伪影”渲染渐变，而不是均匀的颜色褪色。 有没有办法让它变得平滑，使结果看起来和铬一样好？

body{
    background-color: #2e3236;
    background-image: radial-gradient(circle, #4e505298 0, rgba(35, 40, 46, .5) 15%, #101418 95%);
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
}

CSS Firefox 背景图像 渐变 Chromium

评论

0赞 Marc 1/10/2023
@ÁlvaroGonzález 是的，当您运行代码片段时，它会生成与屏幕截图上完全相同的输出。Ubuntu 18.04 x64，Firefox v107。在 Android、Chrome 平滑、Firefox 伪影上的结果相同。
0赞 dev.skas 1/10/2023
参考这篇文章，这可能对你有帮助
0赞 Julia 1/10/2023
@dev.skas 我也发现了这个问题，但 OP 使用的是径向梯度。哦，如果你认为一个问题是重复的，你通常应该使用“标记>需要改进”>“重复”。
0赞 Matthias Seifert 1/11/2023
这很有趣。几天前我遇到了类似的问题，但我在 chrome 和 firefox 中都遇到了条带，所以在做了一些研究后，我只是把它当作“我有一个糟糕的显示器”而收起来。但是看到这里的不同让我想知道，除了购买OLED屏幕之外，是否真的是解决这个问题的方法

答： 暂无答案

上一个：与 Firefox 相反，“onDragStart”是在新挂载组件时由 Chromium 调用的

下一个：React Recharts，chromium 和 firefox 之间的区别