渐变无法正确显示？

Question

我在我的身体代码中使用它

body { 
  margin:50px;
  text-align:center;
  padding: 0px;
  background: #2a6da9;
  background: -moz-linear-gradient(top, #1D1D1D, #1F1F1F);
  background: -webkit-gradient(linear, left top, left bottom, from(#1D1D1D), to(#1F1F1F));   
    }     

在后台，渐变显示在看起来粗糙和像素化的块中。我该如何解决这个问题呢？我也尝试将图像作为背景，但没有运气。感谢

Answer 1

使用1 X 100像素图像使质量看起来更好

Answer 2

它依赖于浏览器，我在同一个css上看不到它。您可以尝试将其更改为：

background: -moz-linear-gradient(top, #1d1d1d 0%, #1f1f1f 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1d1d1d), color-stop(100%,#1f1f1f));

但是颜色变化很小，我甚至将高度设置为超过300px。