如何设置从任何颜色到透明的(漂亮)线性渐变？

Question

我试图在div上设置一个从红色到透明的线性渐变,但输出有点奇怪:小提琴.

小提琴的CSS:

background: -webkit-linear-gradient(transparent, red);
background:    -moz-linear-gradient(transparent, red);
background:     -ms-linear-gradient(transparent, red);
background:      -o-linear-gradient(transparent, red);
background:         linear-gradient(transparent, red);

如您所见,两种颜色之间的过渡是灰色的,而我只期望红色渐变.

有没有人知道如何改善这个输出(没有在小提琴中用"黄色"替换"透明")？

PS:在Chrome 23.0.1271.64中尝试过

Answer 1

尝试改变transparent成rgba(255,0,0, 0)

示例小提琴:http://jsfiddle.net/9MpNM/