设为首页收藏本站

AnyChat技术支持论坛

 找回密码
 立即注册

QQ登录

只需一步,快速开始

搜索
热搜: 活动 交友 discuz

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

查看数: 10184 | 评论数: 14 | 收藏 0
关灯 | 提示:支持键盘翻页<-左 右->
    组图打开中,请稍候......
发布时间: 2015-11-19 16:45

正文摘要:

本帖最后由 abcd1234a 于 2015-11-20 09:41 编辑 ie8浏览器里面弹出层被视频插件遮住,在弹出层里面添加了<iframe style="position: absolute; z-index: -1; width: 100%; height: 100%; top: 0; left: 0; sc ...

回复

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

可以了,增加那个visibilty属性控制就可以了,谢谢
佰锐科技-李永星 发表于 2015-11-20 16:42:40
本帖最后由 佰锐科技-李永星 于 2015-11-20 17:51 编辑
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 16:13:07
佰锐科技-李永星 发表于 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>
佰锐科技-李永星 发表于 2015-11-20 11:30:12
abcd1234a 发表于 2015-11-20 11:23
其他浏览器正常,就ie比较低版本会遮住

我看你代码是用bootstrap写的,bootstrap是基于html5的吧。再次你把我们的demo改下,在你的ie8下测试,看是不是还被遮挡。
abcd1234a 发表于 2015-11-20 11:23:08
佰锐科技-李永星 发表于 2015-11-20 11:16
其他浏览器是正常的吗?

其他浏览器正常,就ie比较低版本会遮住
佰锐科技-李永星 发表于 2015-11-20 11:16:15
abcd1234a 发表于 2015-11-20 10:56
那是在网页上生成的object标签,在源代码如下:

      

其他浏览器是正常的吗?
abcd1234a 发表于 2015-11-20 10:56:52
佰锐科技-李永星 发表于 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>
.......
佰锐科技-李永星 发表于 2015-11-20 10:07:53
abcd1234a 发表于 2015-11-20 09:42
已上传,帖子里面第3张图片

请参考demo的编写方式:<div id="AnyChatLocalVideoDiv" ></div>,去掉object标签试试
abcd1234a 发表于 2015-11-20 09:42:06
佰锐科技-李永星 发表于 2015-11-19 19:44
你有没有查看下你的视频窗口的样式,把视频窗口那段也贴出来看下。

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

Archiver|手机版|AnyChat ( 粤ICP备13022410号-1 )  

GMT+8, 2024-11-24 19:52 , Processed in 0.132710 second(s), 26 queries .

Powered by Discuz! X3

© 2001-2013 Comsenz Inc.

快速回复 返回顶部 返回列表