遮罩层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>
所有回答(1)
0
应该是ie的bug
谢谢，我也觉得是ie的bug。
