帮你去了，修改Dialog.js代码粘过来了：
385 行：
bgdiv.style.cssText = "background-color:#333;position:absolute;left:0px;top:0px;opacity:0.4;filter:alpha(opacity=40);width:100%;height:" + sh + "px;z-index:991";
改为：
bgdiv.style.cssText = "background-color:#333;position:absolute;left:0px;top:0px;opacity:0.4;filter:alpha(opacity=40);width:0px;height:0px;font-size:0px;z-index:991";
405 行:
bgdiv.style.cssText = "background-color:#333;position:absolute;left:0px;top:0px;opacity:0.4;filter:alpha(opacity=40);width:100%;height:" + sh + "px;z-index:960";
改为：
bgdiv.style.cssText = "background-color:#333;position:absolute;left:0px;top:0px;opacity:0.4;filter:alpha(opacity=40);width:0px;height:0px;font-size:0px;z-index:960";
OK
Ⅱ 用css，jsp做了一个半透明背景层（遮罩层）,参考lol官网的菜单栏效果。请大神赐教
CSS使用rgba可以使背景色透明文字不透明，你使用的透明会使背景和文字一起透明。
Ⅲ div+css+js弹出div层窗口变灰,要覆盖整个页面,代码写清楚点,最好注释一下,谢谢,有帮助的给50分
这里有一个弹出层效果
能锁屏（窗口变灰,要覆盖整个页面）
还能相对浏览器定位和居中
里面有教程和源码
Ⅳ 怎么用js做出，点击一个按钮,弹出一个遮罩层,5秒后自己关闭.的效果
<!DOCTYPEhtml>
<htmllang="en">
<head>
<metacharset="UTF-8">
<title>Document</title>
<style>
#cover{
position:fixed;
top:0;
left:0;
height:100%;
width:100%;
background-color:rgba(0,0,0,0.3);
display:none;
z-index:1000;
}
</style>
</head>
<body>
<button>这是一个按钮</button>
<divid="cover">这是一个遮罩</div>
<script>
varbtn=document.getElementsByTagName('button')[0];
btn.addEventListener('click',function(){
varcover=document.getElementById('cover');
cover.style.display='block';
setTimeout(function(){
cover.style.display='none';
},5000)
})
</script>
</body>
</html>
Ⅳ extjs的alert的蒙版效果的原理到底是什么啊有谁能从从js，css层面上解释一下他的实现原理吗 我用fireb
你说的是不是常见的那种 弹出一个半透明遮罩层,同时不能操作页面相关对象,只能操作在遮罩层以上的内容?
实际这个效果很简单,半透明遮罩层(是不是半透明无所谓)是实现了和文档document同宽同高,但是css的z-index属性要大于普通内容的一个空白div,这个div做了半透明效果,隔离了所有事件,你鼠标在网页上面的点击,移动,拽托等操作只作用于这个div,因此原网页的所有事件均失效.
在遮罩层上一般还会有一个可操作域(div2),这个同理,这个div2的z-index要大于遮罩层的z-index,从而他会在遮罩层以上,而能实现其操作.
以上是原理,那么实现起来要分一些几个步骤:
1,遮罩层(可以事先就进行半透明处理和document等宽等高处理,这个需要通过js编写)和可操作域(div2) 的display属性设置为none.处于隐藏状态.
2,当网页需要激活遮罩事件的时候,js将遮罩层和可操作域的display设置为block.处于显示状态,当在可操作域关闭事件触发的时候,同时将遮罩和可操作域隐藏.
需要注意的是,遮罩层最好是在body的根目录下,并position设置为绝对定位,这样布局比较方便
Ⅵ JS怎么创建一个遮罩层将整个页面都遮盖住
你这个应该是由于iframe的原因吧，建议使用top访问顶层页面，然后在顶层页面加入这个遮罩层试试。
Ⅶ js代码定时关闭遮罩层，小白求教Javascript代码
这是一个打开网页 30秒后自动弹出红色的遮罩层，5秒后遮罩层自动关闭。
<html>
<bodyonload="load()">
<divid="zzDiv"style="width:100%;height:100%;opacity:0.5;background-color:#ccc;display:none;position:fixed;z-index:9999;">遮罩层</div>
ndndndndnddnnd
<scripttype="text/javascript">
functionload(){
setTimeout(showDiv,3000);
}
functionshowDiv(){
document.getElementById("zzDiv").style.display="block";
setTimeout(hideDiv,5000);
}
functionhideDiv(){
document.getElementById("zzDiv").style.display="none";
}
</script>
</body>
</html>
关于移植：在你想要弹出遮罩层的页面修改。按照页面结构把对应标签的内容复制到你要修改的页面中。例如<body></body>的内容复制到<body></body>里面。再将 <body> 改成<bodyonload="load()">。
Ⅷ js如何实现点击图片弹出窗口并放大这张图片,弹出的窗口有半透明遮罩层效果，弹出的窗口不跳页面
通过JS代码 document.getElementById('divID').style.etElementById('divID').style.display = 'none'。函数可以实现。