1

我在尝试让 Facebook 提要对话 fb.ui 显示在我网站上的某些内容上时遇到问题。

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

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

4

3 回答 3

3

目前，没有记录更改 FB.ui 对话框的 CSS 的方法。FB 允许为评论插件等插件更改 CSS，但对话框由 FB 的页面控制，因此不允许更改其 CSS。

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

于 2012-03-14T02:40:21.313 回答
1

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

    .fb-customerchat.fb_invisible_flow.fb_iframe_widget 
    {
        z-index: 99998 !important;
    }
于 2020-07-28T12:21:44.957 回答
0

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

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

于 2012-12-16T17:17:45.467 回答