Facebook like 按钮的评论弹出窗口显示一半。答案

【问题标题】：Facebook like button's comments popup window is half displayed.Facebook like 按钮的评论弹出窗口显示一半。
【发布时间】：2014-05-30 00:08:06
【问题描述】：

我正在使用 Wordpress 的 21 主题。

在其他主题中，没有问题，但在 21 中，Facebook like button 的 cmets 弹出窗口存在问题。它显示了一半。当我点击“Like”按钮时，视图如下：

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

非常感谢您的帮助！

【问题讨论】：

【解决方案1】：

这是 21 中的一个错误（以及其他一些主题，可能是复制粘贴的）。打开你的 style.css 并寻找：

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

如果您删除最大宽度线，它应该可以工作！也许有一个更优雅的解决方案，但老实说，我不知道为什么 iframe 的大小应始终限制在其容器中（在本例中为 FB 按钮）。

【讨论】：

【解决方案2】：

也许这是一个更好的方法！在您的 Facebook Like Button div 上放置一个类，在这种情况下，我使用了“fb-like”类。

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

【讨论】：

【解决方案3】：

寻找/测试很多解决方案我找到了一个隐藏评论窗口的解决方案（来源：https://stackoverflow.com/a/12829375/3687838）然后我写了一个显示窗口而不显示一半的解决方案。我不是程序员，但根据我调整 wordpress 插件的小经验，我想出了这个想法：

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

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

【讨论】：