`

使用DIV遮挡IFrame 等其它页面元素

HTMLMicrosoftF# 
阅读更多

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>遮挡IFrame</title>
<script>
function disableIframe()
{
dv = document.getElementById("blockUI");
df = document.body;  //document.getElementById("iframe_id");可以是任何一个要遮挡的ID
dv.style.width=df.offsetWidth + "px"
dv.style.height=df.offsetHeight + "px"
dv.style.display = "block"
}

function showIframe()
{
dv.style.display = "none"
}
</script>
</head>
<body scroll=no class="tablebody" id="body">

<div id="blockUI" style="display: none; background-color: black; width: 100%; height: 1000px; position: absolute; left: 0px; top: 0px; z-index: 50000; -moz-opacity: 0.5; opacity: 0.5;filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);" onclick="return false" onmousedown="return false" onmousemove="return false" onmouseup="return false" ondblclick="return false">
&nbsp;
</div>
<iframe id="f" style='z-index:10' src='http://dotnet.aspx.cc'></iframe>
<input type="button" onclick="disableIframe()" value="ceshi" />

<input type="button" onclick="showIframe()" value="show" />

</body>
</html>

分享到：
| Java 中通过方法名动态调用方法
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    div覆盖 iframe

    前辈的成果，显示所需要的页面，第一个页面隐藏

    div被iframe遮住的几种情况及解决方法

    给大家介绍了div被iframe遮住的一些情况，以及被遮住后的解决办法，有需要的朋友们可以参考借鉴。

    IE6 select z-index无效，遮挡div bug的解决方法

    今天我说说iframe解决的一般方法，已经使用jQuery插件bgiframe解决IE6 select z-index无效，遮挡div的bug。 解决方法之一：Iframe包裹select元素 使用iframe包住select，这样iframe有z-index，只要在div上设置的z-...

    解决div总是被select遮挡的问题.rar

    介绍： 效果演示：麦田圈 只要在层里面加上下面代码就可以了~ &lt;iframe src="" frameborder=0&gt;&lt;/iframe&gt;

    option挡住div解决方法

    Div下拉菜单被Select挡住的解决办法 下拉菜单 ...但是div可以盖iframe，而iframe可以盖select, 所以，把一个iframe来当作div的底， 这个div就可以盖住select了. [Ctrl+A 全选 注:如需引入外部

    Js制作简单弹出层DIV在页面居中 中间显示遮罩的具体方法

    可以遮挡ie6下的select元素 但是在ie6下div没有透明度 2.弹出的div可以一直在浏览器屏幕中间显示 问题: 1.目前不支持.class 只支持#id 2.需要显示的div需要自己设置css 3.在ie6下需要设置css 例如div {_position: ...

    Div Select挡住的解决办法

    Div下拉菜单被Select挡住的解决办法&lt;/title&gt; &lt;/head&gt;&lt;body&gt; &lt;div style=”z-index: 10; position: absolute; width: 100; height: 18; overflow: hidden;” onmouseover=”this....

    select网页下拉列表与div层遮盖问题

    第一就是比较有名的：一般div浮层在IE6下无法遮盖select元素的问题。首先提供了下面一个实例： 注解：如果你在FirFox下和IE7下看都 在html中关于select元素的问题在很多地方都提出过，而在前段时间的项目中，刚好...

    div等浮层在IE6下被下拉框遮挡的解决方法

    解决的办法是：做两个浮动层，一个浮动层的根标签是IFrame，另一个浮动层的根标签是Div，两个浮动层的位置、大小均相等，然后先显示IFrame浮动层，再显示Div浮动层， 这样IFrame浮动层就为Div浮动层遮盖住了下面的...

    解决div总是被select遮挡的问题特效代码

    介绍： 效果演示：麦田圈 只要在层里面加上下面代码就可以了~ iframe src= style=width:800px;height:536px;top:0px;left:0px;position:absolute;visibility:inherit;z-index:-1; frameborder=0/iframe

    史上最强JavaScript日历控件正式版(无偿的永久的提供给大家免费使用，含全部源代码)

    无论你把日期控件放在哪里,你都不需要担心会被外层的iframe所遮挡进而影响客户体验, 日期控件是可以跨无限级框架显示的,并且当控件处在页面边界时,它会自动选择显示的位置.此外你还可以使用position参数对弹出位置做...

    ExtAspNet v2.2.1 （2009-4-1） 值得一看

    -修正了使用IFrameUrl的Tab在切换过程中会重复加载的问题，这是一个在v2.1.6引入的问题(feedback:eroach)。 -修正了启用AutoPostBack的Grid，其RowClick会覆盖LinkButtonField, HyperLinkField, CheckBoxField的...

    ExtAspNet_v2.3.2_dll

    -修正了使用IFrameUrl的Tab在切换过程中会重复加载的问题，这是一个在v2.1.6引入的问题(feedback:eroach)。 -修正了启用AutoPostBack的Grid，其RowClick会覆盖LinkButtonField, HyperLinkField, CheckBoxField的...

    js实现简单模态窗口，背景灰显

    没什么好说的，都是js，用一个iframe将页面遮挡，iframe上面一个div层，js面向对象做的，其中有部分是js动态生成style。ModeWindow.js 代码如下:&lt;html xmlns=”http://www.w3.org/1999/xhtml”&gt; &lt;head ...

    在浏览器窗口上添加遮罩层的方法

    当我们要实现一个模式弹窗时（模式弹窗，即是说出现弹窗时，页面其它地方不可点击），通常的做法是用一个div将整个页面窗口遮挡住。 实现 下面，我们一步步地实现一种较为简洁有效的遮罩层： Step 1: 首先我们要...

    百度编辑器UMeditor v1.2.2 完整版(mini)

    UM的主要特点就是容量和加载速度上的改变，全版本的代码量为125k，而且放弃了使用传统的iframe模式，采用了div的加载方式， 以达到更快的加载速度和零加载失败率。现在UM的第一个使用者是百度贴吧，贴吧每天几亿的...

    百度编辑器UMeditor v1.2.2 ASP GBK

    UM的主要特点就是容量和加载速度上的改变，全版本的代码量为125k，而且放弃了使用传统的iframe模式，采用了div的加载方式， 以达到更快的加载速度和零加载失败率。现在UM的第一个使用者是百度贴吧，贴吧每天几亿的...

    百度编辑器UMeditor v1.2.2 ASP UTF-8

    UM的主要特点就是容量和加载速度上的改变，全版本的代码量为125k，而且放弃了使用传统的iframe模式，采用了div的加载方式， 以达到更快的加载速度和零加载失败率。现在UM的第一个使用者是百度贴吧，贴吧每天几亿的...

Magicbox
Global site tag (gtag.js) - Google Analytics