Internet Explorer 9 で適切なベンダー プレフィックスを使用してグラデーションを作成するにはどうすればよいですか?

Internet Explorer 9 のグラデーション

Internet Explorer 9 でグラデーションを使用する場合、適切なベンダー プレフィックスは -ms です。 IE9 でグラデーションを作成するには、次の構文を使用できます:

-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#444444', EndColorStr='#999999')";

これにより、上部の色 #444444 から下部の #999999 に移行するグラデーションが作成されます。

Opera のベンダープレフィックス

Opera のグラデーションのベンダー プレフィックスは -o です。 Opera でグラデーションを作成するには、次の構文を使用できます。

-o-linear-gradient(top, #444444 0%, #999999 100%);

ブラウザ間の互換性

複数のブラウザ間での互換性を確保するには、次の構文を使用することをお勧めします。提案された W3C マークアップをグラデーションに使用します:

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

Thisこの構文は、Microsoft Edge、Chrome、Firefox、Opera、Safari など、すべての主要ブラウザの最新バージョンで動作します。さらに、16 進数と rgb/rgba カラー表記の両方をサポートします。

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