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

abcd1234a

佰锐科技-李永星 发表于 2015-11-20 16:42
在我们的环境测试（IE10模拟IE8，firefox）是可以采用前面我提供的方式弹出窗口的。如果你在IE8设置确实 ...

可以了，增加那个visibilty属性控制就可以了，谢谢

佰锐科技-李永星

abcd1234a 发表于 2015-11-20 16:13
还是一样，我不用bootstrap，只放以下代码：
弹窗

在我们的环境测试（IE10模拟IE8，firefox）是可以采用前面我提供的方式弹出窗口的。如果你在IE8设置确实是在上面的，那我提供一个变通的方式：当你弹出modal窗体时，隐藏视频窗口，如：GetID("ANYCHAT_VIDEO_LOCAL").style.visibility="hidden";
当你关闭modal窗体时，显示视频窗口，如：GetID("ANYCHAT_VIDEO_LOCAL").style.visibility="visible";

abcd1234a

佰锐科技-李永星 发表于 2015-11-20 11:30
我看你代码是用bootstrap写的，bootstrap是基于html5的吧。再次你把我们的demo改下，在你的ie8下测试，看 ...

还是一样，我不用bootstrap，只放以下代码：
弹窗
<div style="z-index: 10; position: absolute; top:0;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>
视频
<div id="AnyChatRemoteVideoDiv" class="video-content"></div>
     
<div id="AnyChatLocalVideoDiv" class="video-content"></div>

佰锐科技-李永星

abcd1234a 发表于 2015-11-20 11:23
其他浏览器正常，就ie比较低版本会遮住

我看你代码是用bootstrap写的，bootstrap是基于html5的吧。再次你把我们的demo改下，在你的ie8下测试，看是不是还被遮挡。

abcd1234a

佰锐科技-李永星 发表于 2015-11-20 11:16
其他浏览器是正常的吗？

其他浏览器正常，就ie比较低版本会遮住

佰锐科技-李永星

abcd1234a 发表于 2015-11-20 10:56
那是在网页上生成的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 09:42
已上传，帖子里面第3张图片

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

abcd1234a

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

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