2

背景として画像を使用してグラデーションを作成しようとしましたが、web-kit ベースを除くどのブラウザーでも機能しません。その問題で私を助けてくれませんか。

background: url("../images/pattern.png"), -moz-radial-gradient(60% 120%, circle, #dfd5a8 0%, #2f71a9 110%);
background: url("../images/pattern.png"), -webkit-radial-gradient(60% 120%, circle, #dfd5a8 0%, #2f71a9 110%);
background: url("../images/pattern.png"), -o-radial-gradient(60% 120%, circle, #dfd5a8 0%, #2f71a9 110%);
background: url("../images/pattern.png"), -ms-radial-gradient(60% 120%, circle, #dfd5a8 0%, #2f71a9 110%);
background: url("../images/pattern.png"), radial-gradient(60% 120%, circle, #dfd5a8 0%, #2f71a9 110%);

どうもありがとうございました。PS: 私はhttp://modernizr.comに自分で申請しようとしましたが、そのプラグインを接続するのが良い方法かどうかわかりません.純粋な css を使用するだけでそれを作成することは可能ですか..そう願っています.

4

1 に答える 1

0

rgbaまたはのようなアルファチャネルを持つ色空間を使用しhslaて、グラデーションを半透明にし、正しい順序を使用できるようにすると、次のように機能します。

例

background:radial-gradient(60% 120%, circle, rgba(223, 213, 168, .75)   0%,
                                             rgba( 47, 113, 169, .75) 110%),
           url("http://placekitten.com/g/200/300");
于 2013-02-19T09:03:42.080 に答える