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

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：你在那里的风格更适合你的导航元素，而不是身体