3

Chrome で webkit グラデーション タグを使用しようとしていますが、まったく機能しません。Firefox で を試してみましたがbackground:-moz-linear-gradient(#000, #888);、問題なく動作します。

ただし、background: -webkit-gradient(linear, from(#000), to(#888));それでは機能しません。ここに私のコードがあります：

   echo "<tr style='background:-moz-linear-gradient(#000, #888); background: -webkit-gradient(linear, from(#000), to(#888));'><td width='65'><img src='images/avatar/defaultuser.jpg' height='65' width='65'>";
4

7 に答える 7

10

この-webkit-gradientプロパティは非推奨です。新しいグラデーション構文を使用します。

 background: -webkit-linear-gradient(#000, #888);
于 2012-05-21T10:18:41.837 に答える
3

クロスブラウザーのグラデーションにcolorzilla グラデーション ジェネレーターを使用する

于 2012-05-21T10:17:40.137 に答える
2

代わりにこれを使用してください：

background: -webkit-linear-gradient(#000, #888);

-webkit-gradientChrome v2用でした...

于 2012-05-21T10:18:16.500 に答える
1

webkitにはもっと何かが必要です：

Firefoxのどこに書くか：

background:-moz-linear-gradient(top, #d39637, #000000); /* Firefox 3.6+ */

あなたが書くクロムで：

background:-webkit-gradient(linear, left top, left bottom, from(#d39637), to(#000000));
于 2012-05-21T10:20:31.637 に答える
1

Webkit にはグラデーション用の独自の構文があります

    background-image: -webkit-gradient(
        linear,
        left bottom,
        left top,
        color-stop(0, rgba(0,0,0,1)),
        color-stop(1, rgba(136,136,136,1))
    );
于 2012-05-21T10:38:42.210 に答える
1

Chrome と Mozilla のグラデーション カラー

background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0.10, #72abe0), color-stop(0.90, #eceaeb) ); background-image: -moz-linear-gradient( 中央下、#72abe0 10%、#eceaeb 90% );

于 2012-05-21T10:46:06.970 に答える
1

試す

-webkit-linear-gradient(#000, #888);
于 2012-05-21T10:18:21.290 に答える