html - 透明度のあるグラデーション

Question

透明度のあるグラデーション！[ここに画像の説明を入力] [1]

下の写真のように、下部に透明な多色グラデーションを適用したかったのです。これを説明するページをいくつか見つけましたが、それでも正しく機能させることができません。

私はこのフィドルhttp://jsfiddle.net/QEhsG/2/（stackoverflowにあります）で試しましたが、白黒の組み合わせを完全に取得することはできません。

何か助けはありますか？

Answer 1

alpha= 0あなたの最初のrgbaに与えてください。このように書く

button {
    background-color: black;
    background-image: -webkit-linear-gradient(top, rgba(252, 252, 252, 0) 0%, rgba(186, 186, 186, 1) 100%);
    background-image: -moz-linear-gradient(top, rgba(252, 252, 252, 0) 0%, rgba(186, 186, 186, 1) 100%);
    width: 200px;
    height: 100px;
}

これをチェックしてくださいhttp://jsfiddle.net/QEhsG/6/

更新しました

http://jsfiddle.net/QEhsG/8/