跨瀏覽器線性漸變

-2

以下線性漸變樣式的跨瀏覽器CSS會是什麼？跨瀏覽器線性漸變

background: linear-gradient(bottom, #E4E8EA 0%, #E8EBED 50%, #f1f3f4 96.36%, #fff 100%);

2013-07-20 Awesome

爲什麼你有兩個線性漸變，如果他們都沒有透明？（它們也完全一樣。）另外，無法在IE9或更早的版本中指定漸變停止。除此之外，拋出所有的前綴，除了'-ms-'。最後，如果它如此重要以至於需要支持IE8，那麼你的設計就是錯誤的。 – Ryan

使用過濾器可以解決大多數IE版本。您可以查看http://www.colorzilla.com/gradient-editor/獲取樣本。 –

@ Karl-JohanSjögren：過濾器是否支持顏色停止？ – Ryan

你需要使用

-moz-linear-gradient() /*mozilla*/

或

-webkit-linear-gradient() /*safari,chrome*/

或

-ms-linear-gradient() /*IE*/

或

-o-linear-gradient() /*opera*/

沿着你的風格

2013-07-20 19:02:40 Madeyedexter

Opera呢？那麼IE呢？ – Ryan

回答