首页 新闻 赞助 找找看

遮罩层background-color的问题

0
[已关闭问题] 关闭于 2012-12-11 16:29

今天我在做一个透明遮罩层的时候,碰到了一个非常莫名其妙的问题,就是如果你不给'divZheZhao' 设置background-color属性,那么遮罩层就不起作用。加上去就好了,只是在ie下发生问题,其他浏览器没问题。很奇怪,不知道谁能解释?谢谢。

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <script type="text/javascript" src="jquery-1.4.2.js"></script>  
    <script type="text/javascript">

        function test() {
            if ($("#spText").size() == 0) {
               $("body").append("<div id='divZheZhao' style=\"position: absolute; top: 0; bottom: 0; left: 0; right: 0;z-index:9999;margin:0;padding:0; background-color:Red;"
                                + "height: 100%; width: 100%;  -moz-opacity:0; -khtml-opacity: 0;opacity: 0;filter: alpha(opacity=0);\">"
                                + "</div>").append("<div id='divSubZheZhao' style=\"position: absolute; bottom: 0; left: 0; right: 0; z-index:10000;text-align: center;filter: alpha(opacity=100); filter: alpha(opacity=100);\">"
                                  + "  <h2>命令已下发,请稍后(<span id=\"spText\"></span>)</h2></div>");               
            }
            StartDaoJiShi()
        }
        function StartDaoJiShi() {
            $("#divZheZhao").show();
            $("#divSubZheZhao").show();
            var count = 20;
            $("#spText").html(count);
            var timer = window.setInterval(function () {
                count--;
                if (count > 0)
                    $("#spText").html(count);
                else {
                    window.clearInterval(timer);
                    $("#divZheZhao").hide();
                    $("#divSubZheZhao").hide();
                }
            }, 1000);
        }
    </script>
</head>
<body>
    122
    <input type="button" value="test" onclick="test()" />
     <br />
    <input type="button" value="test1" onclick="alert(1212)" style=" " />
    <br />
    <input type="button" value="test2" onclick="alert(1212)" />
    <br />
    <input type="button" value="test3" onclick="alert(1212)" />
</body>
</html>

css
lorgine的主页 lorgine | 菜鸟二级 | 园豆:245
提问于:2011-12-07 15:04
< >
分享
所有回答(1)
0

应该是ie的bug

小小刀 | 园豆:1991 (小虾三级) | 2011-12-07 19:28

谢谢,我也觉得是ie的bug。

支持(0) 反对(0) lorgine | 园豆:245 (菜鸟二级) | 2011-12-08 13:56
清除回答草稿
   您需要登录以后才能回答,未注册用户请先注册