隐藏Facebook Like Box内容来自IFRAME

Question

我在我的主页中使用Facebook“Like Box”来自Iframe。但我想要的是需要隐藏或删除图像中提到的突出显示的部分。

请尽快帮助我。我真的需要它。

提前致谢。

Answer 1

从我所看到的，Facebook不再允许你这样做了，但是通过一些HTML和CSS，我已经能够删除顶部栏和底栏。试试这个：

1. 围绕fb-like-box div
包裹外部div
2. 将外部div的高度和宽度设置为您希望在Feed中看到的内容
3. 将fb-like-box div的高度设置为高于外部div的高度
4. 在fb-like-box div
上设置margin-top:-71px
5. 在外部div上设置overflow-y: hidden

这应该隐藏在外部div和它下面的页脚之上的标题。以下示例。

<div id="fb-root"></div>
<script>(function(d, s, id) {
  var js, fjs = d.getElementsByTagName(s)[0];
  if (d.getElementById(id)) return;
  js = d.createElement(s); js.id = id;
  js.src = "//connect.facebook.net/en_US/all.js#xfbml=1&appId=123456789101112";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
<div style="width:275px;height:242px;border:solid 1px #b28b2e;overflow-y:hidden;">
    <div class="fb-like-box" data-href="http://www.facebook.com/myfacebookpage" data-width="275" data-height="338" data-show-faces="false" data-stream="true" data-header="false" data-force-wall="true" style="margin-top:-71px;"></div>
</div>

Answer 2

你不能触摸iframe中的内容，因为同源限制和Facebook没有使该部分可选（Like Box需要Like按钮始终显示）。

您可以使用“活动源”插件获得所需的结果：https://developers.facebook.com/docs/reference/plugins/activity/

修改 抱歉，活动源与Like Box流不同。事实上，我不认为Facebook提供另一个具有该功能的插件。如果你真的希望你的页面中的消失这一部分，我唯一能想到的就是将iframe放在一个带有“overflow：hidden”的div中。并使用iframe“position：relative; top：-63px;”

Answer 3

也许您可以尝试使用html 5插件而不是iframe，并使用CSS隐藏它。 或者您可以使用图形api抓取Feed并按照您的意愿显示它。