1

我有以下 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

4

1 回答 1

2

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

于 2012-11-06T22:32:57.293 回答