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

Mary-Kate Olsen
リリース: 2024-11-16 08:07:02
オリジナル
986 人が閲覧しました

How do you create gradients in 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 サイトの他の関連記事を参照してください。

ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
著者別の最新記事
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート