ホームページ  >  記事  >  ウェブフロントエンド  >  IE 6、7、および 8 の透過性に関する互換性の問題を解決する方法

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

一个新手
一个新手オリジナル
2017-10-11 09:54:471398ブラウズ

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

今日ページの透明化をした際、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 サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。