【问题标题】: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”按钮时,视图如下:


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


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

非常感谢您的帮助!

【问题讨论】:

  • 这可能与 CSS 中包含的 div 的大小有关。发布指向该网站的链接会有所帮助。
  • 看起来像一个简单的溢出/z-index 问题,但没有任何 html/css 可供查看,很难提出解决方案。

标签: facebook wordpress facebook-likebox


【解决方案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。

      【讨论】:

        猜你喜欢
        • 2014-06-10
        • 1970-01-01
        • 2012-10-26
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        相关资源
        最近更新 更多