ie8浏览器中弹出层被视频插件遮住

abcd1234a

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”也是无效，但是谷歌火狐视频插件不会遮住弹出层，这该怎么处理

佰锐科技-李永星

您好，请参考：http://bbs.anychat.cn/forum.php? ... id=447&extra=page=3

1. <div style="z-index: 10; position: absolute; overflow: hidden;">
   
2.      <iframe style="position: absolute; z-index: -1; width: 100%; height: 100%; top: 0;left: 0; scrolling: no;" frameborder="0"> </iframe>
   
3.      <div style="background-color: red;height:500px;">
   
4.          弹出层测试 <br />
   
5.          <a href="http://www.anychat.cn">AnyChat</a><br />
   
6.          AnyChat float div demo <br />
   
7.          AnyChat float div demo <br />
   
8.          AnyChat float div demo <br />
   
9.          AnyChat float div demo
   
10.      </div>
    
11.     </div>

复制代码

1、如上所示也可以实现弹出DIV而不被视频控件遮挡。其原理是把iframe的z-index值小于div的z-index的值，即把iframe放到div层下面。
2、其大小由“弹出层测试”这个div来控制，这样弹出层就可以浮在控件上方。

abcd1234a

佰锐科技-李永星 发表于 2015-11-19 16:50
您好，请参考：http://bbs.anychat.cn/forum.php?mod=viewthread&tid=447&extra=page=3

这样设置后还是无效

佰锐科技-李永星

abcd1234a 发表于 2015-11-19 16:55
这样设置后还是无效

你直接复制我刚才改过的代码试一下

abcd1234a

佰锐科技-李永星 发表于 2015-11-19 17:00
你直接复制我刚才改过的代码试一下

还是一样，你看下我在帖子上面重新传的图片，代码贴进去还是一样

佰锐科技-李永星

abcd1234a 发表于 2015-11-19 17:38
还是一样，你看下我在帖子上面重新传的图片，代码贴进去还是一样

你有没有查看下你的视频窗口的样式，把视频窗口那段也贴出来看下。

abcd1234a

佰锐科技-李永星 发表于 2015-11-19 19:44
你有没有查看下你的视频窗口的样式，把视频窗口那段也贴出来看下。

已上传，帖子里面第3张图片

佰锐科技-李永星

abcd1234a 发表于 2015-11-20 09:42
已上传，帖子里面第3张图片

请参考demo的编写方式：<div id="AnyChatLocalVideoDiv" ></div>，去掉object标签试试

abcd1234a

佰锐科技-李永星 发表于 2015-11-20 10:07
请参考demo的编写方式：，去掉object标签试试

那是在网页上生成的object标签，在源代码如下：
<div class="row">
      <div  class="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标签，在源代码如下：

      

其他浏览器是正常的吗？