DIV浮动层被OCX控件遮蔽解决方案

时间:2023-11-21 13:11:50

在开发中需要在网页中嵌入OCX控件,但是控件嵌入后,总是会出现在网页最顶层,页面中的浮动DIV总是不能正常显示,会被遮蔽掉,那么这里就需要特殊处理一下:

OBJECT会遮蔽掉页面内容,但是IFRAME又可以遮蔽掉OBJECT,而DIV可以遮蔽掉IFRAME,所以我们在浮动的DIV中放入一个IFRAME,让IFRAME遮蔽OBJECT、DIV遮蔽IFRAME

代码:

<div style="position:absolute;z-index=1;">

<iframe  src='about:blank' frameBorder='0' marginHeight='0' marginWidth='0' style='position: absolute; visibility: inherit; top: 0px; left: 0px; width: 100%; height: 100%; z-index: -1; filter: alpha(opacity = 0);'></iframe>

<!-- 此处可以放需要展示在OCX控件之上的代码(菜单栏),如果存在多处则需要添加多个-->

</div>

注意:

DIV的z-index需要大于IFRAME的

iframe需要设置为透明的

这里的iframe是全屏遮蔽的,如果只需要遮蔽一部分,修改iframe 的样式