CSS 渐变质量差

Question

大家好，
您可以在此处查看我的预加载器：http://apesdesk.apespark.com/ （打开页面后立即按 ESC 以停止加载网站的其余部分并查看加载器需要多少时间）

执行此操作时，您会发现背景线性渐变质量存在问题。 GIF 质量比 CSS 的渐变质量好得多。我不知道这是为什么造成的以及我应该如何解决它。通常 CSS 不应该有这些问题，因为它实际上是在计算梯度，它不是图像等具有无损质量。

此致，
丹尼斯赛多夫
猩猩公园

P.S。我临时注释了所有其他内容并使加载程序无限循环。

Answer 1

我试过标记你的名字，但没用。正如我的评论中提到的 -

我遇到了同样的问题。对于变通解决方案，我建议使用伪元素来覆盖页面的顶部或底部。

例如

 #preloader {
  background-color: #fff;
 } 

 #preloader::before { 
  position:  absolute; 
  top: 0; 
  left: 0: 
  height: 50%; 
  right: 0;
  background-color: #477FE7; 
  z-index: 0; 
 }

干杯，康纳

CSS 渐变质量差

CSS Gradient Poor Quality

html

css

linear-gradients