ホームページ >ウェブフロントエンド >htmlチュートリアル >ダニエルさん注目してください！ずっと悩んでいた、css互換性 issue_html/css_WEB-ITnose
ダニエルさん注目してください！ずっと悩んでいた、css互換性 issue_html/css_WEB-ITnose
- WBOYオリジナル
- 2016-06-21 09:46:25912ブラウズ
この CSS は IE8 で dbbe7e3dfb9b6691d58a8f964e4bf5fcデータ処理16b28748ea4df4d9c2150843fecfba68 が表示されないのはなぜですか? ? Firefox と Chrome では問題ありません。アドバイスをお願いします
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head> <title></title> <style type="text/css"> .div-dialog-mask{ background: #000000; opacity: 0.7; filter:alpha(opacity=70); z-index:10000; position: fixed; left: 0px; top: 0px; width: 100%; height: 100%; overflow: hidden; } .div-dialog-mask iframe{ width:100%; height:100%; position:absolute; top:0; left:0; z-index:-1; filter:alpha(opacity=0); opacity: 0.7; } .progressBar { background:#FFF url(images/progressBar_m.gif) no-repeat 10px 10px; width:148px; height:28px; position:fixed; top:50%; left:50%; margin-left:-74px; margin-top:-14px; padding:10px 10px 10px 50px; text-align:left; line-height:27px; font-weight:bold; position:absolute; z-index:10001; border:solid 1px #86a5ad; } </style></head><body><div class="div-dialog-mask" id="divMask"><div class="progressBar">数据处理中</div> <iframe src="about:blank"></iframe></div><div>测试</div></body></html> ディスカッション (解決策) への返信
ダニエル、注意してください
白い背景を削除して見てください。
iframe の filter:alpha(opacity=0) を削除します
声明：
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。