Iframe中弹出层怎么覆盖整个页面？
刚才把网页分成了三部分，我想在点击左侧链接时，弹出层，层中弹出来了，不过只覆盖了左侧部分，怎么让它覆盖怎么页面呢，急，各位大虾多少指点。。。...
刚才把网页分成了三部分，我想在点击左侧链接时，弹出层，层中弹出来了，不过只覆盖了左侧部分，怎么让它覆盖怎么页面呢，急，各位大虾多少指点。。。
展开
3个回答
展开全部
用一个半透的层遮住整个页面 屏蔽掉tab和滚动就可以了 在弹出时,可以设置iframe里面弹出层的宽度和高度吧.
设置为主窗口的高和宽应该就可以了吧. 用iframe中的代码控制在parent中create一个div就行了，用完再remove掉。
设置为主窗口的高和宽应该就可以了吧. 用iframe中的代码控制在parent中create一个div就行了，用完再remove掉。
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
编写HTML代码时候用Iframe中弹出层覆盖整个页面，代码如下：
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<HTML>
<head>
<script>
var cover =mydiv= null;
window.onload = function() {
cover=document.getElementById('coverdiv');
cover.style.width = Math.max(document.documentElement.scrollWidth, document.documentElement.clientWidth)+ "px";
cover.style.height = Math.max(document.documentElement.scrollHeight, document.documentElement.clientHeight) + "px"
cover.style.display = "none";
mydiv = document.getElementById('mydiv');
with (mydiv){
style.width = document.documentElement.scrollHeight/2+"px";
style.height = document.documentElement.scrollHeight/2+"px";
style.left = (document.documentElement.scrollWidth - mydiv.offsetWidth)/2+"px";
style.top = (document.documentElement.scrollHeight - mydiv.offsetHeight)/2+"px";
style.display = "none";
}
};
function popit(){
mydiv.style.display=cover.style.display = '';
}
</script>
</head>
<BODY>
<div id='coverdiv' style="filter:alpha(opacity=80);Opacity:0.8; background-color:#aaaaaa; position:absolute; left:0px; top:0px;"> </div>
<div id='mydiv' style="border:1px solid #666666 ; padding:50px; position:absolute; background-color:#FFEE00">
我的层 <br>
<input value="关闭" type="button" onclick="javacript:mydiv.style.display =cover.style.display = 'none';" />
</div>
<iframe id=aaa src="222.htm"></iframe>
</BODY> </HTML>
Button按钮点击调用上面的事件：
<button onclick="javascript:parent.popit();">弹出</button><br><br>
本回答被网友采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（1）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
