Internet Explorer 9 でグラデーションを作成するにはどうすればよいですか?

Internet Explorer 9 のグラデーション

クロスブラウザー互換の Web サイトを開発する場合、さまざまなブラウザーでグラデーションを作成する方法を理解することが重要です。 Internet Explorer 9 のグラデーションのサポートは、次の方法を使用して対処できます:

IE9 グラデーションの実装:

以前のバージョンの IE とは異なり、IE9 は独自のフィルターのサポートを廃止し、独自のフィルターを採用しました。 CSS グラデーションのベンダー プレフィックス。 IE9 でグラデーションを作成するには、次の構文を使用する必要があります:

background-image: -ms-linear-gradient(top, #444444 0%, #999999 100%);

その他のブラウザ:

他のブラウザの場合は、次のプレフィックスを利用できます。 :

• Firefox: -moz-linear-gradient
• Safari/Chrome: -webkit-gradient (Chrome 11 は -webkit-linear-gradient をサポートします)
• Opera : -o-linear-gradient

W3C 提案:

World Wide Web Consortium (W3C) は、勾配の標準構文を提案しました:

background-image: linear-gradient(top, #444444 0%, #999999 100%);

この構文は最新のブラウザでサポートされていますが、古いブラウザとの互換性を確保するために、可能な場合はベンダー プレフィックスを含めることをお勧めします。

注: 言及されているすべてのブラウザは、代わりに rgb/rgba 値もサポートします。 16 進表記。

出典: https://ie.microsoft.com/testdrive/Graphics/CSSGradientBackgroundMaker/Default.html

以上がInternet Explorer 9 でグラデーションを作成するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。