Question

js弹出的遮罩层，如何能遮住全屏？

html中的frameset，假如有上中下三个frame，遮罩层来自中间的frame，弹出来的遮罩层怎么样才能遮住整个浏览器页面，而不只是中间的frame，请高手赐教！谢谢！
<script language=javascript>
// JScript 文件
var shadowDiv1;//阴影层
var isIe=window.navigator.appName.indexOf("Microsoft")!=-1?true:false;
function shadow(color){
if(shadowDiv1){
shadowDiv1.parentNode.removeChild(shadowDiv1);
}
shadowDiv1=window.document.createElement("div");
shadowDiv1.id="shadowDiv1";
shadowDiv1.style.zIndex="9998";
shadowDiv1.style.position="absolute";
shadowDiv1.style.top="0px";
shadowDiv1.style.left="0px";
shadowDiv1.style.width="100%";
shadowDiv1.style.height="100%";
shadowDiv1.style.backgroundColor=color;
window.document.body.appendChild(shadowDiv1);
shadowDiv1.style.filter ="alpha(opacity=10)";
}
</script>

Answer 1

如果遮罩层标签的所有父标签都没有用到position定位,那么你可以将遮罩层设置为绝对定位，top和left设为0px;height和width设为100%

追问

Answer 2

iframe里出来的，除非是本站的链接，不然有跨域的问题的。建议使用ajax来加载页面内容。
要让div全屏，只要设置其z-index的值够大即可，如果有flash，这将flash设置为背景显示，具体查网上。

Answer 3

引用神の呼出的回答：
遮罩层的CSS
#mask { position: fixed; left: 0; right: 0; top: 0; bottom: 0; background: rgba(0, 0, 0, .3); z-index: 99999;}在传统浏览器中，不支持rgba的写法。
可以用伪造一层遮罩层
// html<div id="modal"> <div class="mask"></div> <!-- 这里开始才是真正的内容 --> <div class="dialog"></div></div>// CSS#modal { position: fixed; left: 0; right: 0; top: 0; bottom: 0; z-index: 99999;}#modal .mask { position: absolute; left: 0; right: 0; top: 0; bottom: 0; background-color: #000; opacity: .3;}

dialog样式呢

Answer 4

我也一直在寻找答案

Answer 5

用三个遮罩层就可以了嘛。可以获取其它frameset的