一个基于IE的3D场景操作界面,如图
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都只能晾晒了!