Fb like button z-index issue

我在我的網站上有一個類似於fb的按鈕，但是當用戶點擊按鈕時，彈出註釋框隱藏在兩個元素後面（#centre和footer），用戶無法執行任何操作用它。Fb like button z-index issue

我的問題是，如何更改彈出窗口的z-index，以便當用戶單擊其它元素前面出現的類似按鈕時？

我已經看過了這些問題，並沒有運氣在固定的問題來實現自己的答案： - 我發現，沒有工作 facebook iframe App: Send/Like button z-index issue

其他修復是： -

所有我想是顯示在所有元件的頂部上的彈出在頁面上而不必更改佈局。

這裏是鏈接到我的網站http://mikelonsdale.co.uk

謝謝您的時間和幫助。

2013-10-17 Yokocapolo

將您的#centre和#footer div的z-index更改爲負值。這應該解決這個問題。

不要忘記更改所有與您的網站相關的其他元素。您將將#centre div移至至z-index：-2（以允許#footer div適合-1的空間）。

2013-10-17 02:44:33

我一直希望避免使用負值，因爲Firefox 2的錯誤，但看到我沒有運氣與任何其他方式修復它沒有人評論你可以有最高分，非常感謝你的幫助。 – Yokocapolo

下面的代碼完全解決了這個問題，而不必更改任何東西的溢出或z-index。你只需添加下面的代碼，瞧。但是，它會拋棄你的網站的佈局一點點（它會流過..哈）。驚人的修復，小捕捉。邊界線可以接受但是我找到的最佳解決方案。（在WP論壇上找到它）。

.fb-like span { 
    overflow: visible !important; 
    width: 450px !important; 
    margin-right: -375px; 
}

2014-08-10 01:38:30 user3926153

我加

.fb-like span { 
    z-index: 999999999999999; 
}

到我的CSS和固定它。它甚至沒有被標記爲活動的，並且在開發者工具中停用它也不會改變任何東西。如果我把它從我的CSS中拿出來，事情就會變得很愚蠢。

2014-10-13 15:40:10 ott

回答