0

Chrome ではグラデーションが表示されませんが、Safari と Firefox では機能します。コードは次のとおりです。

.accounts-form #auth-form {
    background: -moz-linear-gradient(#FEFEFE, #F4F4F4) repeat scroll 0 0 #F4F4F4;
    border-bottom-left-radius: 2px;
    border-bottom-right-radius: 2px;
    margin: 0;
    padding: 0 0 40px;
}

background:問題を引き起こしているのはその行です。他の人が に問題を抱えているのを見てきましたが-webkit-gradient、 ではありません-moz-linear-gradient。

4

2 に答える 2

1

以下は、背景にグラデーションを適用する方法の構文です。

background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); /* Chrome10+,Safari5.1+ */

通常は、ネイティブ バージョンでコードを記述し、http://prefixr.com/で実行して、すべてのブラウザ互換のベンダー プレフィックスを使用してコードを完成させることをお勧めします。

于 2012-12-04T19:52:35.377 に答える
0

Chrome には -webkit-gradient が必要です。Chrome 10+ は、私が信じている以前のバージョンとは少し異なる -webkit-gradient を使用しています。

私はこの CSS3 グラデーション ジェネレーターを使用します。生成されたコードを使用するかどうかに関係なく、各ブラウザーに必要なすべてのプロパティを把握できます。

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

于 2012-12-04T18:18:54.077 に答える