Facebook客户聊天插件覆盖在网站上

Question

我的网站从this guide开始 Facebook Customer Chat Plugin 2个月。

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

我认为，facebook正在尝试为他们的Facebook聊天添加一些效果，他们使用不透明度：0; 而不是 display：none; 。这使我们的客户无法点击网站上的元素。

那我现在该怎么办呢。我暂时将其删除了。

Can not click behind facebook, this is preview

以下是演示链接：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}

祝你好运