ie8浏览器中弹出层被视频插件遮住
本帖最后由 abcd1234a 于 2015-11-20 09:41 编辑ie8浏览器里面弹出层被视频插件遮住，在弹出层里面添加了<iframe style="position: absolute; z-index: -1; width: 100%; height: 100%; top: 0; left: 0; scrolling: no;" frameborder="0" allowTransparency="true" src="about:blank"> </iframe>无效，出现弹出层后，将视频插件设置为“position:relative;z-index:-1”也是无效，但是谷歌火狐视频插件不会遮住弹出层，这该怎么处理
本帖最后由 佰锐科技-李永星 于 2015-11-19 16:59 编辑
您好，请参考：http://bbs.anychat.cn/forum.php? ... id=447&extra=page=3<div style="z-index: 10; position: absolute; overflow: hidden;">
<iframe style="position: absolute; z-index: -1; width: 100%; height: 100%; top: 0;left: 0; scrolling: no;" frameborder="0"> </iframe>
<div style="background-color: red;height:500px;">
弹出层测试 <br />
<a href="http://www.anychat.cn">AnyChat</a><br />
AnyChat float div demo <br />
AnyChat float div demo <br />
AnyChat float div demo <br />
AnyChat float div demo
</div>
</div> 1、如上所示也可以实现弹出DIV而不被视频控件遮挡。其原理是把iframe的z-index值小于div的z-index的值，即把iframe放到div层下面。
2、其大小由“弹出层测试”这个div来控制，这样弹出层就可以浮在控件上方。 佰锐科技-李永星 发表于 2015-11-19 16:50
您好，请参考：http://bbs.anychat.cn/forum.php?mod=viewthread&tid=447&extra=page=3
这样设置后还是无效 abcd1234a 发表于 2015-11-19 16:55
这样设置后还是无效
你直接复制我刚才改过的代码试一下 佰锐科技-李永星 发表于 2015-11-19 17:00
你直接复制我刚才改过的代码试一下
还是一样，你看下我在帖子上面重新传的图片，代码贴进去还是一样 abcd1234a 发表于 2015-11-19 17:38
还是一样，你看下我在帖子上面重新传的图片，代码贴进去还是一样
你有没有查看下你的视频窗口的样式，把视频窗口那段也贴出来看下。 佰锐科技-李永星 发表于 2015-11-19 19:44
你有没有查看下你的视频窗口的样式，把视频窗口那段也贴出来看下。
已上传，帖子里面第3张图片 abcd1234a 发表于 2015-11-20 09:42
已上传，帖子里面第3张图片
请参考demo的编写方式：<div id="AnyChatLocalVideoDiv" ></div>，去掉object标签试试 佰锐科技-李永星 发表于 2015-11-20 10:07
请参考demo的编写方式：，去掉object标签试试
那是在网页上生成的object标签，在源代码如下：
<div class="row">
<divclass="col-lg-12 col-md-12 col-xs-12 form-group">
<div id="AnyChatRemoteVideoDiv" class="video-content"></div>
</div>
</div>
<div class="row anychat_posi">
<div class="col-lg-8 col-md-8 col-xs-8">
<div id="AnyChatLocalVideoDiv" class="video-content"></div>
</div>
....... abcd1234a 发表于 2015-11-20 10:56
那是在网页上生成的object标签，在源代码如下：
其他浏览器是正常的吗？
页:
[1]
2