ホームページ > ウェブフロントエンド > フロントエンドQ&A > css3のrgbaはie8と互換性がありますか?

css3のrgbaはie8と互換性がありますか?

WBOY
リリース: 2022-04-20 16:07:08
オリジナル
1606 人が閲覧しました

rgba は ie8 と互換性がなく、ie9 以降とのみ互換性があります。フィルターで置き換えることができます。構文は「filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=color, endColorstr=color)」です。 」。

css3のrgbaはie8と互換性がありますか?

このチュートリアルの動作環境: Windows 10 システム、CSS3&&HTML5 バージョン、Dell G3 コンピューター。

css3 の rgba は ie8 と互換性がありますか

互換性がありません。

css3 rgba は、元の 3 原色にアルファ (透明) チャネルを追加します。この属性の互換性は次のとおりです:

css3のrgbaはie8と互換性がありますか?

IEファミリのバージョン 9 以降のみがこの属性をサポートしています。

rgba:

rgba の意味、r は赤を表し、g は緑を表し、b は青を表し、a は透明度を表します。 。

rgba(0,0,0,.5) これは黒を表し、透明度は 0.5です。

IE8 での透明度の問題を解決するには、次の文を追加します。

filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#7f000000,endColorstr=#7f000000); /*IE8支持*/
ログイン後にコピー

この文は元々グラデーションに使用されていましたが、ここにはグラデーション効果がないため、startColorstr と endColorstr は同じ色に設定されています。

ここで #7f000000、# 7f は透明度を表し、000000 は色を表します。以下は透明度の対応する表です:

css3のrgbaはie8と互換性がありますか?

例は次のとおりです:

background: rgba(0,0,0,.6);
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000,endColorstr=#19000000);
ログイン後にコピー

StartColorstr=#99000000: #次の 8 つの数値は 99 000000 の 2 つの部分に分割されます。これらは AA(IEfilter) GGBAA(GBA) に対応します。

最初の部分は # の後の 99 です。 rgba透明度0.6のIEfilter値です。 0.1 ~ 0.9 の各数値は IEfilter 値に対応します。

2 番目の部分は 99 以降の 6 桁で、これは 16 進数の色の値です。たとえば、rgb(255,255,255) は白である #ffffff; に対応します。

(学習ビデオ共有: css ビデオ チュートリアル)

以上がcss3のrgbaはie8と互換性がありますか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

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