html - CSS 渐变质量差

Question

大家好，
你可以在这里查看我的预加载器:http://apesdesk.apespark.com/ (打开页面后立即按 ESC 以停止加载网站的其余部分并根据需要尽可能多地查看加载程序)

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

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

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

Answer 1

我试图标记你的名字，但它不起作用。正如我的评论中提到的 -

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

例如

 #preloader {
  background-color: #fff;
 } 

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

干杯，康纳