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/