像按钮的评论弹出窗口的Facebook显示一半。

Question

我正在使用Wordpress的Twenty Eleven主题。

在其他主题中，没有任何问题，但在二十一年中，Facebook的按钮的评论弹出窗口存在问题。它显示了一半。当我点击“赞”按钮时，视图如下所示：

---

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

---

我使用Facebook插件进行Wordpress。我该如何解决这个问题？

非常感谢你的帮助！

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插件的小经验，我想出了这个想法：

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

将其复制/粘贴到自定义CSS主题文件中。如果您希望窗口位于所有内容之上，则z-index值甚至可以更改为10000。 如果您想隐藏评论窗口，请使用上面链接中提供的解决方案，其值为27px而不是20px。