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

标签 html css twitter-bootstrap

当它开始加载页面时,我会在它呈现内容之前看到这张图片。
我该如何解决这个问题?

我需要检查什么?

我正在使用 twitter-bootstrap。
有navi、well、fluid。

enter image description here

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

最佳答案

添加:

background-repeat: no-repeat;

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

PS:你的样式更适合你的导航元素,而不是正文

关于html - 为什么线性渐变不能正常工作?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/14512874/

相关文章:

javascript - CSS 组合 :not with :last-of-type

javascript - Html 密码框,如果正确,淡入显示博客

css - 将旁边的div向下推到页面时,使div宽度为100%

javascript - 在 ajax 处理期间,当我们在弹出窗口外单击时,不应关闭弹出窗口

jquery - 无法通过我的浏览器访问我的 Bower 文件

ruby - 如何在 Rails 应用程序中以随机顺序显示来自两个循环的数据?

html - SVG 矢量图像动画

javascript - 使用 JQuery 设置 HTML 属性

javascript - 使用 HTML、CSS 和/或 Javascript 的鱼骨列表的对 Angular 级联元素和 90° 边框(类似因果图)

php - Bootstrap Grid 有时从新行的右侧开始