css - 设置为 100% 高度的背景仍然重复

Question

我有以下 CSS 代码。

body{
    height: 100%;
    min-height: 100%;
    max-height: 100%;
    background-color: #1468b3;
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#2F2727), to(#1468b3));
    background-image: -webkit-linear-gradient(top, #2F2727, #1468b3);
    background-image:    -moz-linear-gradient(top, #2F2727, #1468b3);
    background-image:     -ms-linear-gradient(top, #2F2727, #1468b3);
    background-image:      -o-linear-gradient(top, #2F2727, #1468b3);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#2F2727", endColorstr="#1468b3");
}

无论页面内容如何，​​都应该有一个从浏览器窗口顶部延伸到底部的漂亮渐变。这个截图说明了这个问题:

我不太清楚为什么会这样。

添加

no-repeat;

取消渐变，取而代之的是纯色背景 #1468b3

Answer 1

尝试添加 html { height: 100%; }