3

最終的に Internet Explorer をサポートすることを決定しましたが、現在は 10 からのみサポートしています。IE の CSS サポートについて読んでいますが、現在 IE でこれを行うことができるかどうかはわかりませんでした。

background: linear-gradient(bottom right,circle,rgba(0, 0, 0, .04),transparent 80px,transparent 100%);

とにかくこれを行うことはありますか、それともpngにフォールバックする必要がありますか?

4

2 に答える 2

11

OP宣言は機能しません。いいえ、イメージに戻る必要はありません。あなたの宣言は無効です。「線形」グラデーションまたは「円形」グラデーションの間で何をしたいのかを説明するか、http://www.colorzilla.com/gradient-editor/にアクセスしてラインを再構築してください。

あなたはこのようなものを探しています（クロスブラウザの下位互換性）：

.shadow {

background: -moz-linear-gradient(left,  rgba(0,0,0,1) 0%, rgba(0,0,0,0.03) 31%, rgba(0,0,0,0) 32%, rgba(0,0,0,0) 100%);
background: -webkit-linear-gradient(left,  rgba(0,0,0,1) 0%,rgba(0,0,0,0.03) 31%,rgba(0,0,0,0) 32%,rgba(0,0,0,0) 100%);
background: -o-linear-gradient(left,  rgba(0,0,0,1) 0%,rgba(0,0,0,0.03) 31%,rgba(0,0,0,0) 32%,rgba(0,0,0,0) 100%);
background: linear-gradient(to right,  rgba(0,0,0,1) 0%,rgba(0,0,0,0.03) 31%,rgba(0,0,0,0) 32%,rgba(0,0,0,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#00000000',GradientType=1 );
}

jsFiddle yours and mine with yours and mineどこでプレイできるか

【投稿メモ】

IE について: 「フィルター」ルールは IE9 用であり、IE10 のプレビュー リリースでは「-ms」プレフィックス付きの構文が使用され、IE10 以降では標準構文が使用されます。

詳細については、MDN の線形グラデーション ページを参照してください。

于 2013-04-11T19:43:59.700 に答える