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

tomcat 2013-10-09 01:56:31

为什么这个css在IE8下面，<div class="progressBar">数据处理中</div> 文字与背景不显示，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>

...全文

195 3 打赏收藏转发到动态举报

写回复

3 条回复

切换为时间正序

请发表友善的回复…

发表回复

tony4geek 2013-10-10

打赏
举报

回复

iframe 中的 filter:alpha(opacity=0); 去掉

清明月上 2013-10-09

打赏
举报

回复

你把白色的背景去掉看看！

tomcat 2013-10-09

打赏
举报

回复

大牛请关注一下

创建标准网页的初学者指南，也适合深入学习Html，CSS的同学，后面课程有深入的讲解，本课程会初级介绍Html和CSS，让你从入门到精通轻松掌握Web开发语言，从元素标签到CSS样式每个部分都详细进行了介绍和讲解，讲解了经常遇见的一些兼容性问题。本教程会结合实际案例，一步一步带你走进Html和CSS的世界，创建让你心动的Web页面

CSS很美妙，能够为您的页面穿上衣裳，各种各样五彩斑斓的衣裳，但是对于开发者来说，它又不够灵动，于是乎有了各种各样的预处理器Sass、LESS、Stylus，这些预处理器可以很大程度的提高CSS的灵活性，增强CSS的代码组织与维护。但是毕竟不是亲生的，然后负责CSS开发的那些大牛们坐不住了，开始给CSS赋予一些新的特性，本文就来探讨下CSS变量的进展与应用。

前言近期在翻阅陈旧的历史资料，整理之前饱受争议的CSS Reset问题，不过好像十多年过去，现在大家统一了口径，纷纷推荐使用Normalize.css，包括Bootstrap都进行了内置使用，可见它的认可程度之高。由于文章涉及内容较多，会分为章节进行介绍：第一章，整理CSS Reset历史的演变痕迹，从第一份CSS Reset的诞生，到提出No CSS Reset的思想，再到国产CS...

浏览器兼容性跨浏览器开发

CSS很美妙，能够为您的页面穿上衣裳，各种各样五彩斑斓的衣裳，但是对于开发者来说，他又不够灵动，于是乎有了各种各样的预处理器Sass、LESS、Stylus（笔者建议Sass的SCSS语法），这些预处理器可以很大程度的提高CSS的灵活性，增强CSS的代码组织与维护。但是毕竟不是亲生的，然后负责CSS开发的那些大牛们坐不住了，开始给CSS赋予一些新的特性，本文就来探讨下CSS变量的进展与应用。

61,112

社区成员

60,730

社区内容

发帖

与我相关

我的任务

社区管理员

加入社区

近7日
近30日
至今

加载中

查看更多榜单

社区公告

暂无公告

试试用AI创作助手写篇文章吧

+ 用AI写文章