CSS Gradient质量差

时间:2016-03-03 16:30:41

标签: html css css3 linear-gradients

大家好,
您可以在此处查看我的预加载器:http://apesdesk.apespark.com/ (打开页面时按 ESC ,以便停止加载网站的其余部分并查看加载程序的时间如你所知)

当您这样做时,您将看到背景线性渐变质量的质量问题。 GIF的质量优于CSS的渐变质量。我不知道为什么会造成这种情况以及我应该如何解决它。通常情况下,CSS不应该有这些问题,因为它实际上是在计算渐变,它不是图像等,而是具有无损质量。

问候,
丹尼斯赛义多夫 ApesPark

P.S。我暂时评论了其他所有内容,并让加载程序无限循环。

1 个答案:

答案 0 :(得分:1)

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

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

E.g。

 #preloader {
  background-color: #fff;
 } 

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

干杯, 康纳

相关问题