隱藏Facebook的樣箱的內容是來自IFRAME

Question

我使用Facebook的樣箱「在我的主頁是來自I幀。但我想要的是需要隱藏或刪除圖像中提到的突出部分。

請儘快幫助我。我真的需要它。

在此先感謝。

Answer 1

由於同源限制，Facebook不會觸及iframe中的內容，並且Facebook不會使該部分爲可選項（Like Box需要Like按鈕始終顯示）。

你可能會得到你想要的活動源插件，而不是結果：https://developers.facebook.com/docs/reference/plugins/activity/

編輯： 對不起，該活動源是不一樣的飼料的樣箱流。事實上，我不認爲Facebook提供了另一個具有該功能的插件。如果你真的想從你的頁面上去掉這一段，我唯一能想到的就是將iframe放在一個帶有「overflow：hidden」的div中。並與iframe「position：relative; top：-63px;」

Answer 2

也許你可以嘗試使用html 5插件而不是iframe，並使用CSS隱藏它。 或者您可以使用圖表api抓取Feed並按照您的意願顯示。

Answer 3

從我看到的沒有辦法Facebook允許你做到這一點，但有了一點HTML和CSS，我已經能夠刪除頂部欄和底部欄。試試這個：

1. 包裹的外層div周圍fb-like-box格
2. 設置高度和外層div的寬度您要在飼料中看到
3. 設置fb-like-box div的高度是高什麼比外格的外層div
4. 設置在FB樣框格
5. 設置overflow-y: hiddenmargin-top:-71px的高度

這應該將標題隱藏在外部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>