1

Internet Explorerでグラデーションを作成するために、CSS（CSS3）ファイルで次のものを使用しています。 

filter: progid:DXImageTransform.Microsoft.gradient

例えば

filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#C4D5FB', endColorstr='#DAE6FB'); /* for IE */
background: -webkit-gradient(linear, left top, left bottom, from(#C4D5FB), to(#DAE6FB)); /* for webkit browsers */
background: -moz-linear-gradient(top,  #C4D5FB,  #DAE6FB); /* for firefox 3.6+ */

Internet Explorer 9以降非推奨になっていることを読みましたが、それでも機能します。使用しても大丈夫ですか？それに代わるものはありますか？

によると： internet-explorer-9-gradients-with-rounded-corners

それを使用するのは安全です：

Ultimate CSS Gradient Generatorのようなツールは、レガシーInternet Explorerのフォールバックオプションを備えた素敵なCSS3グラデーションに必要なコードを生成します（上記のグラデーションフィルターを使用）。

ありがとうございました。

4

2 に答える 2

3

ボックスシャドウの挿入図を使用して、グラデーションをバイパスできます。私はこの問題を抱えていて、それを機能させることができませんでした。だから私はこの記事http://www.sitepoint.com/shadow-boxing-image-free-css3-glossy-buttons/を見ました。私にとってはうまくいきました。

これは私のプロジェクトで使用したコードです。

border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;
box-shadow: 3px 3px 6px rgba(0, 0, 0, .2), 0px 0px 3px rgba(0, 0, 0, .1), inset 0px 5px 12px #930, inset 0px 15px 2px rgba(240, 150, 69, .5),inset 0px 25px 25px #930;
于 2012-11-13T21:13:19.153 に答える
1

このサイトをお試しください

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

IE9サポートボックスをチェックします。それはあなたにSVGソリューションを与えるでしょう。

于 2012-04-18T14:45:40.600 に答える