在开发中需要在网页中嵌入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 的样式