2

我只需要隐藏高亮部分。

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

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

提前致谢。

4

3 回答 3

8

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

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

这应该隐藏外部 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>
于 2013-03-15T14:46:23.910 回答
2

由于同源限制，您无法触摸 iframe 中的内容，并且 Facebook 不会将该部分设为可选（Like Box 要求 Like 按钮始终显示）。

您可能会使用 Activity Feed 插件获得所需的结果：https ://developers.facebook.com/docs/reference/plugins/activity/

编辑： 对不起，活动提要与点赞框流不同。事实上，我不认为 Facebook 提供了另一个具有该功能的插件。如果您真的希望该部分从您的页面中消失，我唯一能想到的就是将 iframe 放在带有“溢出：隐藏”的 div 中；并使用 iframe “位置：相对；顶部：-63px；”

于 2012-09-17T06:01:05.123 回答
0

也许您可以尝试使用 html 5 插件而不是 iframe 插件并使用 CSS 隐藏它。或者您可以使用图形 api 来抓取提要并根据需要显示它。

于 2012-09-17T06:28:46.817 回答