1

私は次の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/

4

2 に答える 2

1

このグラデーション ジェネレーターを使用すると、クロス ブラウザーのサポートに役立ちます。

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-25T06:09:22.700 に答える
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%);
于 2013-09-25T01:39:59.570 に答える