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

Question

我的网站 Facebook客户聊天插件在本指南中持续2个月。

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

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

所以我现在该怎么办。我暂时将其删除。

无法单击Facebook后面，这是Preview

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

Answer 1

只需添加此代码。

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

Answer 2

相同的问题。负z指数不能解决这个问题，因为最初没有类。

我尝试了：

.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}

祝你好运