如何翻譯這個CSS到WebKit的

我有以下的CSS：如何翻譯這個CSS到WebKit的

background: linear-gradient(0deg, transparent 0px, transparent 1px, #f0f0f0 1px, #f0f0f0 100%);

現在，我想，使其工作爲：4的Safari和Safari 5.1+

是什麼使語法-webkit-linear-graient和-webkit-gradient。

那就是：打開時在Safari中，不顯示相同Chrome或Firefox

http://jsfiddle.net/df9z9/

來源

2013-09-25 JavaScripter

使用此：

background: -webkit-linear-gradient(0deg, transparent 0px, transparent 1px, #f0f0f0 1px, #f0f0f0 100%); 
background: linear-gradient(0deg, transparent 0px, transparent 1px, #f0f0f0 1px, #f0f0f0 100%);

來源

2013-09-25 01:39:59

它不起作用。 http://jsfiddle.net/df9z9/3/，你看，當你在safari中打開它時它顯示不同 – JavaScripter

小心角度！來自Mozilla開發者：遵循最初的Apple提案，語法的前綴變體都使用定義爲極角的，即0deg代表東方。爲了與CSS的其他部分保持一致，規範定義了一個0deg代表北面的角度。 – vals

使用此梯度發生器這將有助於它支持跨瀏覽器：

http://www.colorzilla.com/gradient-editor/

你甚至可以從以前的CSS導入我進口的梯度，這就是它給

background: -moz-linear-gradient(top, rgba(240,240,240,1) 1px); /* FF3.6+ */ 
background: -webkit-gradient(linear, left top, left bottom, color-stop(1px,rgba(240,240,240,1))); /* Chrome,Safari4+ */ 
background: -webkit-linear-gradient(top, rgba(240,240,240,1) 1px); /* Chrome10+,Safari5.1+ */ 
background: -o-linear-gradient(top, rgba(240,240,240,1) 1px); /* Opera 11.10+ */ 
background: -ms-linear-gradient(top, rgba(240,240,240,1) 1px); /* IE10+ */ 
background: linear-gradient(to bottom, rgba(240,240,240,1) 1px); /* W3C */ 
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f0f0f0', endColorstr='#f0f0f0',GradientType=0); /* IE6-9 */

這些代碼可能不是你要找的，但你可以嘗試漸變發電機，並在您自己的停止，一切。

來源

2013-09-25 06:09:22 John

如何翻譯這個CSS到WebKit的

回答

相關問題