IE 6、7、および 8 の透過性に関する互換性の問題を解決する方法

初めてブログを書くので、今日遭遇した問題について書きます

今日ページの透明化をした際、IE7でテストしてみたところ、効果が無いことが分かりました 元のコードは以下の通りです

.mask {
	width: 100%;
	height: 100%;
	position: fixed;
	left: 0;
	top: 0;
	background: rgba(0,0,0,.2);
	display: none;
}

。

この場合、互換性がないことが判明したので、代わりに使用しました 別の書き方としては、背景を設定してから不透明度属性を0.4に設定する方法がありますが、先生に尋ねたところ、それでも機能しないことがわかりました。 , IE6、7、8との互換性を実現するには行を追加する必要があることが分かりました

変更されたコードは次のとおりです:

.mask {
	width: 100%;
	height: 100%;
	position: fixed;
	left: 0;
	top: 0;
	background-color: #000;
	opacity: 0.2;
	filter: alpha(opacity = 20);/* 兼容IE6、7、8 */
	display: none;
}

これはIEと完全に互換性があります。

以上がIE 6、7、および 8 の透過性に関する互換性の問題を解決する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。