到透明漸變色的CSS問題

Question

我創建了一個漸變，從透明變爲白色使用這個CSS：

linear-gradient(to right, transparent, white) 

另見：http://jsfiddle.net/fs8gpha2/

這是所有工作的罰款在Chrome，但在Safari和Firefox的漸變中心都是灰色的。有什麼辦法可以解決這個問題嗎？

謝謝！

Answer 1

嘗試這樣的：

body { 
    background: #000; 
} 

div { 
    background: linear-gradient(to right, rgba(255, 255, 255, 0), rgb(255, 255, 255)); 
    width: 100%; 
    height: 100px; 
} 

這裏是Demo

Answer 2

這將是一個跨瀏覽器的解決方案（我更新的jsfiddle）：

http://jsfiddle.net/fs8gpha2/4/

div { 
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(255, 255, 255, 0)), to(rgba(255, 255, 255, 1))); 
background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1)); 
background: -moz-linear-gradient(left, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1)); 
background: -o-linear-gradient(left, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1)); 
background: -ms-linear-gradient(left, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1)); 
background: linear-gradient(left, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1)); 
background-color: rgba(255, 255, 255, 0); width:100%; height:100px; } 

乾杯