如何让iframe里弹出的层显示在整个网页上_CSS学习

资料来源：网络整理时间：2023/3/4 4:12:22 共计：3598 浏览

如何让iframe里弹出的层显示在整个网页上？

编写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按钮点击调用上面的事件：

版权说明：
本网站凡注明“广州京杭原创”的皆为本站原创文章，如需转载请注明出处！
本网转载皆注明出处，遵循行业规范，如发现作品内容版权或其它问题的，请与我们联系处理！
欢迎扫描右侧微信二维码与我们联系。

·上一条：怎么用aspnet写个弹出保存文件的对话框_CSS学习 | ·下一条：有哪些Python实战项目网站_CSS学习