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

HTML/CSS 2013-05-15 iframe,object,兼容

公司产品是一个基于IE的3D场景操作界面,如图:

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

<div class="dialog">

    <div>这里是内容</div>

    <iframe src="a.html"></iframe> 

</div>

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

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

在IE8下:object把dialog盖住了,但是把iframe的ALLOWTRANSPARENCY="true"属性删除后,dialog才能把object标签给盖住,但是这样的话在3d区域以外的地方就不能实现背景透明了。

网上找了不少资料,发现有同样问题记录的几乎没有,csdn有一遇到同样问题的童鞋再10年的时候问过,可惜到现在都没有理想的解决方案。

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

文字链接:《IE下iframe覆盖object标签并且要透明

文章地址:http://www.qttc.net/201305324.html

除非标注,琼台博客所有博文均为原创,转载请加文字链接注明来源

乳名?小名?昵称?网名?均可

email,放心,我不会给你乱投广告的

想获得回访就把你的站点URL写上(没有留空)

[NOTICE]木要投放广告
[NOTICE]木要骂人,说不该说的话
[NOTICE]自由言论,但要遵纪守法

Comments 6

  • 太坑爹了!找不到解决方法!我觉得应该从另一个方向考虑,不用iframe看看能不能解决问题。。。
    2013-11-04 15:56:10 [ 跟帖 ]
    目前只有iframe合适,项目中的3D引擎是D3D,都是老盖茨一家的,没办法。其实要我说openGL才是王道,跨平台,不用绑着IE。
    2013-11-05 09:00:02 [ 跟帖 ]
    1 #
  • 博主, 我也同样遇到了该问题 同样是 3D Object标签, unitywebplayer ,情况是否一样呢
    2013-07-03 11:52:22 [ 跟帖 ]
    2 #
  • 同样遇到这个问题,解决不了。调试工具调试了一百多回,没得解决,只能改设计了。
    2013-06-28 09:43:19 [ 跟帖 ]
    你是盖住3D?还是Flash?
    2013-07-01 22:14:23 [ 跟帖 ]
    3 #
  • 2013-06-03 23:44:44 [ 跟帖 ]
    4 #