设置为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%; }