Как показать белый цвет после градиентных концов вместо серого цвета?

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

Белая часть этого градиента направится к низу любого элемента, которому он назначен. Я предполагаю, что у вас есть что-то вне того, что ему назначено, это не белое.