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}

祝你好運