Facebook 客户聊天插件覆盖网站顶部

Question

我的网站有来自本指南的Facebook 客户聊天插件2 个月。

但是今天，它覆盖了我的网站元素而不是站在后面或显示：无。

我认为，facebook 正试图为他们的 facebook 聊天添加一些效果，并且他们正在使用opacity: 0; 而不是显示：无； . 这使得我们的客户无法点击网站的元素。

那么我现在可以用这个做什么。 我暂时删除了。

不能点击facebook后面，这是预览

这是演示链接： https : //laptop8x.com/

Answer 1

只需添加此代码。

.fb_customer_chat_bounce_out {
   z-index: -1 !important;
}

Answer 2

同样的问题在这里。 负 z-index 不能解决这个问题，因为最初没有类。

我试过这个：

.fb-customerchat iframe {
    pointer-events: none;
}

iframe.fb_customer_chat_bounce_in {
    pointer-events: inherit;
}

iframe.fb_customer_chat_bounce_out {
    pointer-events: none;
}

这仍然不是一个完美的解决方案。 如果我打开客户聊天并刷新页面，聊天框被打开，但我无法在没有类的情况下捕捉到这种状态。 在我看来，今天的 Facebook 造成了这个问题。

Answer 3

您可以在 CSS 中使用这段代码将其移动到您想要的任何位置：

.fb_customer_chat_bubble_pop_in {top:20px!important}

祝你好运