IE 8 に含まれる要素に影響を与えずに div 背景の不透明度を設定するにはどうすればよいですか?

IE 8 で含まれる要素を変更せずに Div 背景の不透明度を設定する方法

div 要素の背景に不透明度を適用しようとする場合IE 8 に含まれる要素に影響を与えることなく、次のメソッドは失敗することがよくあります:

• 不透明度 CSS プロパティの使用: これは div とそのコンテンツの両方に影響します。
• 不透明度のある png 画像の使用: これは動的ソリューションではありません。

ソリューション

代わりに、rgba() CSS 関数を利用して、背景色 (アルファ チャネルを含む) を指定します。 opacity:

.myelement {
    background: rgba(200, 54, 54, 0.5);
}

IE8 との互換性について

古いバージョンの IE をサポートするには、IE に rgba サポートを追加する CSS3Pie の使用を検討してください。変更されたスタイルシート:

.myelement {
    background: rgba(200, 54, 54, 0.5);
    -pie-background: rgba(200, 54, 54, 0.5);
    behavior: url(PIE.htc);
}

IE フィルターの代替方法

IE フィルターは、グラデーション キーワードでも使用できます:

.myelement {
    filter: gradient(startColorstr='#990000', endColorstr='#990000', GradientType=0);
    opacity: 0.5;
}

注IE ではフィルター プロパティを介して不透明度の値を直接指定することはできません。

以上がIE 8 に含まれる要素に影響を与えずに div 背景の不透明度を設定するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。