Css 背景梯度问题

我在谷歌浏览器的这个页面上看到了双背景渐变。。。。你知道为什么吗

---

我需要它是纯蓝色的

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

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

元素上添加了渐变（顺便说一句，这在技术上没有错，但不常见），但是

html

并没有填充整个视图端口

尝试添加

html {
  height: 100%;
}

---

就个人而言，我会避免设置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;
}

这将为您提供如下结果：

---

您是否使用过bacground repeat？我使用的是Chrome 7.0.517.44，但没有看到它。也许你应该发布一个截图，当我去掉背景的时候，就像KcSchaefer提到的那样，它只是变白了。