Safari中的CSS3梯度渲染错误

Question

我正在开发一个后端内的CSS3渐变问题。

Firefox正在渲染渐变，但Safari会使用渐变创建相同颜色的奇怪额外线条。

查看图片以进行比较。

Safari / Firefox

有人能指出我的原因吗？会很好！谢谢你们，伙计们。

Answer 1

使用的颜色没有足够的对比度。你所看到的是一个浏览器实现，当没有足够的颜色深度支持时该做什么。 Safari采用的方法是“猜测”间歇性，不受支持的颜色是什么，使得看起来像是线条。 Firefox采用另一种方法。它使用所谓的dithering，它需要一种颜色，并将其与另一种颜色相比较，以在没有足够对比度的情况下呈现渐变的外观。

可能的解决方法是增加对比度或在Photoshop或其他方面制作渐变并手动应用抖动。