Facebook的按鈕的評論彈出窗口是一半顯示。

Question

我使用Wordpress的Twenty Eleven主題。

在其他主題中，沒有問題，但在二十一十一點，像Facebook的按鈕的評論彈出窗口有問題。它顯示了一半。當我點擊 「Like」 按鈕，在視圖是象下面這樣：

---

http://i.stack.imgur.com/Hgawi.png

---

我使用WordPress的Facebook的插件。我該如何解決這個問題？

非常感謝您的幫助！

Answer 1

這是Twenty Eleven（和其他一些主題，可能是複製粘貼）中的一個錯誤。打開你的style.css並尋找：

embed, 
iframe, 
object { 
    max-width: 100%; 
    width: 100%; 
} 

如果你刪除最大寬度線，它應該工作！也許有一個更優雅的解決方案，但說實話，我不知道爲什麼iframe的大小應該總是限制在它的容器（在這種情況下FB按鈕）。

Answer 2

也許這是一個更好的做法！ 在你的Facebook Like Button div上放置一個類，在這種情況下，我使用「fb-like」類。對於很多的解決方案

.fb-like iframe, 
.fb_iframe_widget iframe { 
    max-width: none; 
} 

Answer 3

展望/測試，我發現一個隱藏註釋窗口（源位置：https://stackoverflow.com/a/12829375/3687838），然後我寫了一個顯示而不顯示一半的窗口。我不是一個程序員，但我從從調整WordPress插件小經驗，我想出了這個IDEEA：在您的自定義CSS主題文件

.fb-like { 
    z-index: 200; 
    position: absolute; 
} 

複製/粘貼。如果您希望您的窗口位於所有內容之上，則z-index值可以更改爲10000。 如果要隱藏評論窗口，請使用上面鏈接中提供的解決方案，其值爲27px而不是20px。