Hot For Coding

IE下iframe覆盖object标签并且要透明

一个基于IE的3D场景操作界面,如图

full

div浮层是盖不住3D区域的,3D的内容就放在一个object里。通过查资料可以通过iframe实现覆盖object标签的做法,于是试验了以下,如下结构

<div class="dialog">
  <div>这里是内容</div>
  <iframe src="target.html"></iframe> 
</div>

这样,弹层就能覆盖object标签了,背景不透明,根据大牛指点在iframe上加ALLOWTRANSPARENCY="true"属性,并且target.html网页中的body设置样式background-color:transparent

在IE9下iframe背景已透明,但在object区域还是不能实现透明

在IE8下object把dialog盖住了,但是把iframe的ALLOWTRANSPARENCY="true"属性删除后,dialog才能把object标签给盖住,但是这样的话在3D区域以外的地方就不能实现背景透明了。 网上找了不少资料,发现有同样问题记录的几乎没有

PS: 由于3D插件的原因,所以只能在IE下才能渲染出3D场景,本身IE调试工具就很瘪三,所以chrome\Firefox\opera都只能晾晒了!

分享

TITLE: IE下iframe覆盖object标签并且要透明

LINK: https://www.qttc.net/324-iframe-over-object-tag.html

NOTE: 原创内容,转载请注明出自琼台博客