css - 渐变结束后如何显示白色而不是灰色？

Question

我有以下用于背景颜色/渐变的 CSS：

background-color: #FFFFFF;
background: -moz-linear-gradient(top,  #d7d6d2,  #f9ffff);
background-image: linear-gradient(top,  #d7d6d2,  #f9ffff);
background-image: -o-linear-gradient(top,  #d7d6d2,  #f9ffff);
background-image: -moz-linear-gradient(top,  #d7d6d2,  #f9ffff);
background-image: -webkit-linear-gradient(top,  #d7d6d2,  #f9ffff);
background-image: -ms-linear-gradient(top,  #d7d6d2,  #f9ffff);

使用它我可以完成我需要的工作，但是在渐变结束后会有灰色而不是白色。我该怎么做才能在渐变结束后开始显示白色？

Answer 1

将容器背景设置为白色。在这种情况下，它使用 html 和正文 DEMO http://jsfiddle.net/kevinPHPkevin/RxXHz/

CSS

html {
    height:100%;
    background-color: #FFFFFF;
}
body {
    padding:0;
    margin:0;
    width:100%;
    height:100%;
    background-color: #FFFFFF;
    background: -moz-linear-gradient(top, #d7d6d2, #f9ffff);
    background-image: linear-gradient(top, #d7d6d2, #f9ffff);
    background-image: -o-linear-gradient(top, #d7d6d2, #f9ffff);
    background-image: -moz-linear-gradient(top, #d7d6d2, #f9ffff);
    background-image: -webkit-linear-gradient(top, #d7d6d2, #f9ffff);
    background-image: -ms-linear-gradient(top, #d7d6d2, #f9ffff);
}

Answer 2

查看您的渐变定义，为什么不将结束颜色设置为纯白色：

background-image: linear-gradient(top,  #d7d6d2,  #ffffff);

目前，您的结束颜色非常接近白色#f9ffff，以至于大多数人的眼睛不够敏锐，无法区分差异。

Answer 3

该渐变的白色部分将到达分配给它的任何元素的底部。我的猜测是，您在分配给它的东西之外还有一些不是白色的东西。