html - 如何将此 CSS 转换为 webkit

Question

我有以下CSS：

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

现在我想让它适用于：Safari 4 和 Safari 5.1+

-webkit-linear-graient 和 的语法是什么-webkit-gradient？

就是这样：在 safari 中打开时，与 Chrome 或 Firefox 中的显示不同

http://jsfiddle.net/df9z9/

Answer 1

用这个：

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%);

Answer 2

使用这个梯度生成器，它将帮助它支持跨浏览器：

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 */

该代码可能不是您想要的，但您可以尝试使用渐变生成器并放入您自己的停靠点和所有内容。