背景梯度问题

你是说页脚下面的附加背景渐变?

html {
background:-moz-linear-gradient(center bottom , #1A405D 70%, #0A1C2D 92%) repeat scroll 0 0 transparent;
}

必须是

html {
background:-moz-linear-gradient(center bottom , #1A405D 70%, #0A1C2D 92%) no-repeat scroll 0 0 transparent;
}

你不应该重复这种渐变背景。

当然,现在需要处理页脚下面的空白,但这是另一个问题。

就我个人而言,我会避免设置html元素的样式。您可以使用背景图像上的渐变,以释放颜色的背景。 我会用以下方法:

body{
background: #1A405D;
background-image: -webkit-linear-gradient(#0A1C2D,#1A405D);
background-image:-moz-linear-gradient(center bottom , #1A405D 70%, #0A1C2D 92%);  
background-repeat:no-repeat;
}

结果如下: http://jsfiddle.net/Sapphion/QJwA6/

你把梯度放在 html 元素(BTW在技术上没有错误,但不寻常),但是 html格式 无法填满整个视图端口。

尝试添加

html {
  height: 100%;
}