有没有办法指定FB.ui对话的z-index

Question

我在尝试使用Facebook Feed对话框fb.ui来显示我网站上的某些内容时遇到了问题。

我似乎无法在文档中找到增加z-index的方法。用一些css覆盖hackery来做这个的首选方法是什么？

如何更改z索引？ http://developers.facebook.com/docs/reference/javascript/FB.ui/

Answer 1

目前，没有记录更改FB.ui对话框的CSS的方法。 FB允许为插件更改CSS，例如comment-plugin，但是对话框由FB的页面控制，因此不允许更改它们的CSS。

但是，如果您的目的是确保对话框始终弹出（本质上更高的z-index），那么您可以尝试将参数中的“display”设置为“popup”，这将导致新的浏览器成为加速而不是叠加。

Answer 2

实际上，它的客户聊天框掩盖了其他div。我这样做是为了解决这个问题：

    .fb-customerchat.fb_invisible_flow.fb_iframe_widget 
    {
        z-index: 99998 !important;
    }

Answer 3

Facebook为每个对话框创建一个带有类fb_dialog的div，并将它们添加到＃fb-root元素中。它还为fb_dialog元素设置内联样式，包括z-index: 10001;规则。

您可以覆盖CSS中的z-index：
.fb_dialog {z-index: 99999 !important;}