CSS3渐变 - 灰色而不是白色

Question

我看到great example的Chris Coyier here为了解更多按钮。 我的尝试是这样的，使用这个例子从白色到透明的文本简单的淡出，但我只有一个灰色的渐变。

〔实施例在这里：http://jsfiddle.net/9adZ3/

所以，球员，请告诉我该怎么解决这个问题，谢谢。

Answer 1

正如克里斯Coyier自己提到在你链接文章的末尾，关键字透明真的是RGBA（0,0,0,0），所以这是透明的黑色。当您创建从白色到透明黑色的渐变时，结果为灰色。

您必须从白色变为rgba（255,255,255,0），这是透明的白色。

http://jsfiddle.net/FnfTA/

Answer 2

#fade { 
    width: 50px; 
    height: 25px; 
    margin: 0 0 0 -50px; 

    //for mozilla based 
    background-image:-moz-linear-gradient(center bottom , #ebebeb, #999999); 

    //for chrome based 
    background: #F6F6F6 -webkit-gradient(linear, 0% 0%, 0% 100%, from(#999999), to(#ebebeb)); 

    // for IE 
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#999999',endColorstr='#ebebeb'); 
} 

http://jsfiddle.net/9adZ3/2/