DIV弹出层无法遮罩ActiveX控件的解决方案
2013-12-25 10:30
405 查看
源码地址:http://www.evget.com/article/2011/10/11/16665.html
概述:使用JS做DIV弹出层时,一般地在IE下是无法遮罩ActiveX控件的,同时在IE6下Select也遮罩不住。在IE中ActiveX默认永远显示在最顶层,因此通过设置Style的Z-Index属性也无法改变遮罩关系的。在信息系统软件中,许多场合由于性能、操作等原因,往往会使用 ActiveX代替Html来完成功能,从而成为不可回避的问题。
使用JS做DIV弹出层时,一般地在IE下是无法遮罩ActiveX控件的,同时在IE6下Select也遮罩不住。在IE中ActiveX默认永远显示在最顶层,因此通过设置Style的Z-Index属性也无法改变遮罩关系的。在信息系统软件中,许多场合由于性能、操作等原因,往往会使用 ActiveX代替Html来完成功能,从而成为不可回避的问题。
1 var sd = XX.style.display;
2 XX.style.display = "none";
3 ...
4 //关闭弹出层后显示
5 XX.style.display = sd;
最容易想到的方法是在弹出DIV层前隐藏控件对应的object,关闭层后再显示出来。如果只是当个页面诚然这样简单,但如果存在多个Iframe嵌套的话,对于其他Iframe也存在控件的话就比较麻烦。
在IE6以后版本存在称之为shim的解决办法,基本思路是这样的,在当前页面动态创建一个iframe,其z-index比当前的要高,则这个 iframe会呈现在最上方,然后将弹出的div的z-index设置比这个iframe的要高,此时弹出的div就能遮罩住ActiveX控件了,示意见如下简图(实际div是与iframe重合的)。
当然还需要设置一些必要地属性,比较关键是设置iframe的src属性为javascript:false;,并设置display为none,透明度为0。
01 //popDiv是弹出层,nowindex是当前的z-index
02 popDiv.style.zIndex=nowindex+1;
03 //加一个iframe以遮住ActiveX
04 if($get("__iframeBodyCover" + winname )==null){
05 var iframeBodyCover = document.createElement("iframe");
06 iframeBodyCover.id = "__iframeBodyCover"+winname;
07 iframeBodyCover.style.cssText = "position:absolute;top:0;left:0;width:"
+ document.body.clientWidth+ "px; height:" +
document.body.clientHeight + "px;background-color:#000000;
filter:alpha(opacity=0);display:none;";
08 iframeBodyCover.src ="javascript:false;";
09 document.body.appendChild(iframeBodyCover);
10 }
11 //iframe的z-index比div的要低
12 $get("__iframeBodyCover" + winname ).style.zIndex = nowindex;
当然这时候在IE6下自然也能遮罩住select了,方法还是有一点巧妙地,没有经验的可能比较难以想到,不过不知道是不是有更好地方法。
概述:使用JS做DIV弹出层时,一般地在IE下是无法遮罩ActiveX控件的,同时在IE6下Select也遮罩不住。在IE中ActiveX默认永远显示在最顶层,因此通过设置Style的Z-Index属性也无法改变遮罩关系的。在信息系统软件中,许多场合由于性能、操作等原因,往往会使用 ActiveX代替Html来完成功能,从而成为不可回避的问题。
使用JS做DIV弹出层时,一般地在IE下是无法遮罩ActiveX控件的,同时在IE6下Select也遮罩不住。在IE中ActiveX默认永远显示在最顶层,因此通过设置Style的Z-Index属性也无法改变遮罩关系的。在信息系统软件中,许多场合由于性能、操作等原因,往往会使用 ActiveX代替Html来完成功能,从而成为不可回避的问题。
1 var sd = XX.style.display;
2 XX.style.display = "none";
3 ...
4 //关闭弹出层后显示
5 XX.style.display = sd;
最容易想到的方法是在弹出DIV层前隐藏控件对应的object,关闭层后再显示出来。如果只是当个页面诚然这样简单,但如果存在多个Iframe嵌套的话,对于其他Iframe也存在控件的话就比较麻烦。
在IE6以后版本存在称之为shim的解决办法,基本思路是这样的,在当前页面动态创建一个iframe,其z-index比当前的要高,则这个 iframe会呈现在最上方,然后将弹出的div的z-index设置比这个iframe的要高,此时弹出的div就能遮罩住ActiveX控件了,示意见如下简图(实际div是与iframe重合的)。
当然还需要设置一些必要地属性,比较关键是设置iframe的src属性为javascript:false;,并设置display为none,透明度为0。
01 //popDiv是弹出层,nowindex是当前的z-index
02 popDiv.style.zIndex=nowindex+1;
03 //加一个iframe以遮住ActiveX
04 if($get("__iframeBodyCover" + winname )==null){
05 var iframeBodyCover = document.createElement("iframe");
06 iframeBodyCover.id = "__iframeBodyCover"+winname;
07 iframeBodyCover.style.cssText = "position:absolute;top:0;left:0;width:"
+ document.body.clientWidth+ "px; height:" +
document.body.clientHeight + "px;background-color:#000000;
filter:alpha(opacity=0);display:none;";
08 iframeBodyCover.src ="javascript:false;";
09 document.body.appendChild(iframeBodyCover);
10 }
11 //iframe的z-index比div的要低
12 $get("__iframeBodyCover" + winname ).style.zIndex = nowindex;
当然这时候在IE6下自然也能遮罩住select了,方法还是有一点巧妙地,没有经验的可能比较难以想到,不过不知道是不是有更好地方法。
相关文章推荐
- DIV弹出层无法遮罩ActiveX控件的解决方案
- DIV弹出层无法遮罩ActiveX控件的解决方案
- Jquery实现遮罩层的简单实例(就是弹出DIV周围都灰色不能操作)
- ionic开发中,键盘弹出遮挡div内元素的解决方案
- android中自定义的对话框中的EditText无法弹出输入法解决方案
- ie下table无法设置宽度的坑,解决方案:在td里面添加div把td宽度撑开即可。
- Jquery实现遮罩层,就是弹出DIV周围都灰色不能操作
- Jquery实现遮罩层,就是弹出DIV周围都灰色不能操作
- QTP录制后弹出框一个或多个ActiveX控件无法显示的解决方法
- js遮罩层弹出div效果实现
- 淘宝宝贝描述模板DIV无法使用BACKGROUND属性的终极解决方案
- js居中弹出遮罩层---遮罩ActiveX控件
- VC 6.0在win7下无法加入ActiveX控件的解决方案
- 弹出DIV层,可选择遮罩当前或全部页面
- 带遮罩的div弹出层demo(可多层)
- Jquery实现遮罩层,就是弹出DIV周围都灰色不能操作
- div弹出窗口在frameset外层解决方案
- jsp弹出div带有遮罩层
- 关于自定义dialog的EditText无法弹出软键盘的bug的解决方案
- div非弹出框半透明遮罩实现全屏幕遮盖css实现