html - 渐变显示不正确？

Question

我在我的 body 代码中使用它

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

在背景中，渐变显示为看起来粗糙且像素化的 block 。我如何将其修复到平滑的位置。我也试过制作背景图片，但没有成功。谢谢

Answer 1

它依赖于浏览器，我在我的浏览器上看不到它具有相同的 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以上。