轉換-moz-線性漸變對於所有其他支持的瀏覽器

這裏是我的規則：轉換-moz-線性漸變對於所有其他支持的瀏覽器

#element { 
    background: -moz-linear-gradient(center top, #FFF 8px, #F2F2F2 24px, #F2F2F2 100%) repeat scroll 0 0 #F2F2F2; 
}

我想利用這條規則，它適用於所有支持線性漸變的瀏覽器。 這條規則的語法看起來像Chrome，Safari和...... Internet Explorer？

我正在考慮製作一個超級簡單的網絡應用程序，該應用程序將採用帶有Mozilla規則的CSS文件並推出其他瀏覽器的規則實現。

來源

2010-09-23 Kirk Ouimet

一個非常好的問題，爲什麼我需要重新生成我的CSS，因爲我已經爲Mozilla正確的，我需要的是將其轉換爲其他瀏覽器。如果您發現此類解決方案，請與我們分享。謝謝。 – MJoraid 2013-01-07 05:59:22

這裏有梯度的要求...

filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#cccccc', endColorstr='#000000'); 
background: -webkit-gradient(linear, 0 0, 0 bottom, from(#EEFF99), to(#66EE33)); 
background: -moz-linear-gradient(#EEFF99, #66EE33); 
background: linear-gradient(#EEFF99, #66EE33);

來源

2010-09-23 22:18:55 Robert

感謝羅伯特 - 但這些不符合給定的規則在問題 – 2010-09-23 22:26:50

是的，我想你有能力交換顏色和方向匹配，如果你有能力做一個工具來生成代碼基於一個規則。 – Robert 2010-09-23 22:32:44

=] - 你發現了我 – 2010-09-23 22:49:35

您要查找的內容已經在這裏提供：CSS3 Gradient Generator - 適用於Mozilla和基於Webkit的（Safari/Chrome）瀏覽器。

至於IE，MSDN應該可以幫到你。

來源

2010-09-23 22:17:34 casablanca

即使我現在知道這個網站很長一段時間，我仍然沒有考慮用它來轉換我現有的漸變。感謝提示！ – 2011-09-26 22:47:18

這不是太辛苦......但this website (css-tricks.com)能比我更好的解釋。

來源

2010-09-23 22:19:25

這個網站做的伎倆：http://www.colorzilla.com/gradient-editor/

從「CSS」區選擇「導入從CSS中」和粘貼代碼！

您可以嘗試使用類似「background: -moz-linear-gradient(center top, rgb(216,54,33), rgb(112,5,7));」的例子。

要當心：代碼必須被格式化以某種方式......如果是這樣爲例不起作用逗號後的空間（「」）...

來源

2013-09-09 15:07:31 fred727

我通常沿着

線使用的東西

// Firefox 
background: -moz-linear-gradient 
// Chrome & Safari 
background: -webkit-gradient 
background: -webkit-linear-gradient 
// Opera 
background: -o-linear-gradient 
// IE 
background: -ms-linear-gradient

它可能是你將要獲得的交叉瀏覽器解決方案 - 但是再次CSS不是我的專長。

來源

2013-12-16 00:00:27

轉換-moz-線性漸變對於所有其他支持的瀏覽器

回答

相關問題