大牛请关注！困扰半天了，css 兼容性问题_html/css

大牛请关注！困扰半天了，css 兼容性问题_html/css_WEB-ITnose

WBOY

发布： 2016-06-21 09:46:25

原创

906 人浏览过

本帖最后由 maolixian 于 2013-10-09 14:12:58 编辑

为什么这个css在IE8下面，

数据处理中

文字与背景不显示，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); 去掉