CSS3渐变 - 灰色而不是白色

Question

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

例如：http://jsfiddle.net/9adZ3/

所以大家请告诉我如何解决这个问题，谢谢。

Answer 1

正如Chris Coyier自己在你链接的文章末尾提到的那样，关键字transparent是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/