CSS梯度劣質

Question

好傢伙，
您可以檢查出我的預加載在這裏：只要你爲了阻止加載網站的休息和看裝載機打開網頁http://apesdesk.apespark.com/（按ESC儘可能多的時間，你需要）

當你這樣做，你會看到與質量的背景線性梯度質量的問題。 GIF的質量比CSS的梯度質量要好。我不知道爲什麼會造成這種情況，我應該如何解決這個問題。通常CSS不應該有這些問題，因爲它實際上是計算漸變，它不是一個圖像等無損質量。

問候，
丹尼斯Saidov
ApesPark

P.S.我暫時評論了其他一切，並使裝載程序無限循環。

Answer 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; 
} 

乾杯， 康納爾