AnyChat技术支持论坛

标题: 显示样式问题 [打印本页]

作者: woody 时间: 2013-12-1 11:07
标题: 显示样式问题
如图：拉动浏览器滚动条时显示异常。

如图：弹出层在视频的下方。

作者: admin 时间: 2013-12-1 11:31
您好，这个问题我们会向研发团队进行反馈。

作者: woody 时间: 2013-12-1 13:05

admin 发表于 2013-12-1 11:31
您好，这个问题我们会向研发团队进行反馈。

好的，谢谢，请问这个弹出在视频下面的问题如何解决？

作者: admin 时间: 2013-12-1 14:44
您好，关于弹出层在视频下方的问题，是由于DIV的优先级低于视频显示控件，所以会显示在下方。

解决办法：可以在DIV层中加一个iframe，在这里只是借助iframe的优先级，使DIV层的优先级可以高过控件，就能使DIV的层显示在视频显示插件之上。为了不影响DIV的显示，这个iframe可以是空内容的，也可以不显示出来（hide），如：

<div id="menu" style="position:absolute;top:300px; left:500px; width:320px; height:240px; background-color:#6699cc;">
<table>
<tr><td height="30px">测试</td></tr>
</table>
<iframe style="position:absolute; visibility:inherit; top:0px; left:0px; width:100%; height:100%; z-index:9999; filter='Alpha(style=0,opacity=0)';"></iframe>
</div>

复制代码

作者: admin 时间: 2013-12-1 16:11
参考：http://bbs.anychat.cn/forum.php? ... &extra=page%3D1

作者: admin 时间: 2014-2-11 15:45

拉动浏览器滚动条时显示异常

已经解决，请更新SDK（anychatsdk.js），并重新安装最新版本的插件。

作者: yuki 时间: 2014-2-13 17:00
这里说的div里加个iframe使DIV层的优先级可以高过控件但写的却是z-index:-1 看不明白

作者: admin 时间: 2014-2-13 17:41
是的，上面的写法有点问题，将z-index:-1修改为：z-index:9999即可。

作者: 廖斌 时间: 2014-2-13 18:09
另外要注意一点就是弹出的div需要设置position:absolute;属性

欢迎光临 AnyChat技术支持论坛 (http://bbs.anychat.cn/)