0

こんにちは、Firefox では問題なく動作する次のコードを使用していますが、Chrome では動作しません。

background: -moz-linear-gradient(center top , #CAF579, #73CA08) repeat scroll 0 0 transparent;

WebKitも使用しましたが、それでも機能しません。

4

5 に答える 5

2

ブラウザごとにグラデーション背景の構文が異なります。このコードは、最も広く使用されているブラウザーをカバーする必要があります。

#gradient {
    /* For WebKit (Safari, Google Chrome etc) */
    background: -webkit-gradient(linear, left top, right bottom, from(#CAF579), to(#73CA08));
    /* For Mozilla/Gecko (Firefox etc) */
    background: -moz-linear-gradient(left top, #CAF579, #73CA08);
    /* For Internet Explorer 5.5 - 7 */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#CAF579FF, endColorstr=#73CA08FF);
    /* For Internet Explorer 8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#CAF579FF, endColorstr=#73CA08FF)";
}

詳細はこちら: http://robertnyman.com/2010/02/15/css-gradients-for-all-web-browsers-without-using-images/

于 2012-10-03T06:50:15.600 に答える
0 
 background: -webkit-linear-gradient(top , #CAF579, #73CA08) repeat scroll 0 0 transparent;
于 2012-10-03T06:47:11.070 に答える
0

クロムの場合は、-webkit-gradient代わりに使用する必要があり-moz-linear-gradientます。構文も異なることに注意してください。たとえば、次のようになります。

background: -webkit-gradient(linear, center top, center bottom , from(#CAF579), to(#73CA08)) repeat scroll 0 0 transparent;

その他の例については、このページを参照してください: http://webdesignerwall.com/tutorials/cross-browser-css-gradient

于 2012-10-03T06:47:32.160 に答える
0

chrome の一部のバージョン (新しいバージョン) は、-webkit ieの代わりに標準構文を識別します。

background: linear-gradient(center top , #CAF579, #73CA08) repeat scroll 0 0 transparent;

-mozしたがって、常にこれをandと組み合わせて含める必要があります-webkit(古いバージョンとの互換性のため):

background: -moz-linear-gradient(center top , #CAF579, #73CA08) repeat scroll 0 0 transparent; 
background: -webkit-linear-gradient(center top , #CAF579, #73CA08) repeat scroll 0 0 transparent;
background: linear-gradient(center top , #CAF579, #73CA08) repeat scroll 0 0 transparent;

詳細については、このリンクを確認してください。

于 2012-10-03T06:58:31.370 に答える
0

CSS グラデーションの構文は少し複雑です。

5 つの異なる構文があります - 4 つの非推奨のもの (古い ie filter、新しい ie -ms-filter、古い webkit -webkit-gradient、新しい mozilla -moz-linear-gradient(さらに、さまざまなブラウザーで動作する一連のベンダー プレフィックス ( -moz-、-webkit-、-ms-) -o-)) とプレフィックスのない標準linear-gradient(以前のものとは大きな違いがあります)。グラデーション角度を処理するバージョン)。

あなたの場合、Google Chrome の 場合はcssに追加する必要があり-webkit-linear-gradientます。さらに、Chrome と Safari がまもなく標準構文をサポートすることが予想されるため、接頭辞のないバージョンです。

詳細については、MDN を参照してください: https://developer.mozilla.org/en-US/docs/CSS/linear-gradient

于 2012-11-03T14:00:57.990 に答える