html - 为什么线性渐变不能正常工作？

Question

当它开始加载页面时，我会在它呈现内容之前看到这张图片。
我怎样才能解决这个问题？

我需要检查什么？

我正在使用 twitter-bootstrap。
有导航、井和流体。

CSS

body { 
    min-width: 350px;
    padding-top: 50px;
    padding-bottom: 50px;
    padding-left: 20px;
    padding-right: 20px;
    background-color: rgb(49, 57, 68);
    background-image: linear-gradient(to bottom, rgb(49, 57, 68), rgb(32, 37, 44));
}

Answer 1

添加：

background-repeat: no-repeat;

渐变就像背景图像一样，默认情况下重复是打开的。

PS：您拥有的样式更适合您的导航元素，而不是身体