显示样式问题

woody

如图：拉动浏览器滚动条时显示异常。

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

admin

您好，这个问题我们会向研发团队进行反馈。

woody

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

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

admin

您好，关于弹出层在视频下方的问题，是由于DIV的优先级低于视频显示控件，所以会显示在下方。

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

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

复制代码

admin

参考：http://bbs.anychat.cn/forum.php? ... &extra=page%3D1

admin

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

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

yuki

这里说的div里加个iframe使DIV层的优先级可以高过控件 但写的却是z-index:-1 看不明白

admin

是的，上面的写法有点问题，将z-index:-1修改为：z-index:9999即可。

廖斌

另外要注意一点就是弹出的div需要设置position:absolute;属性