2014-02-24 41 views
2

我添加了Facebook的Like &在我的網站上分享按鈕,但在大約50%的頁面加載iframe加載到右側,然後向左跳到應該在的位置。如何阻止Facebook在頁面加載時跳過/分享按鈕跳躍?

這是一個測試網址:

http://www.pricewombat.com/p/105674/B00DVFLJDS/ASUS-New-Nexus-7-FHD-Tablet-Black

因爲它不發生的每一次,這裏的展示行爲的視頻:

http://www.screencast.com/t/CKrwd8cljxm

我所使用的按鈕我的網站的其他部分沒有這個問題,所以我認爲這個問題可能與父元素的定位有關。

這怎麼解決?

注意:我不能只在Facebook iframe的父元素上使用overflow: hidden;,因爲點擊Like或Share按鈕時,會打開一個需要可見的註釋窗口。

回答

1

width: 124px;增加到.fb_iframe_widget span

.fb_iframe_widget span { 
    display: inline-block; 
    position: relative; 
    text-align: justify; 
    width: 124px; 
} 
+0

這是一個iframe,所以我不認爲我可以使用css來修改它的內容。 – Nate

+1

據我所見,它是圍繞'iframe'的'span',所以你仍然可以修改它的CSS。 [Image](http://i.imgur.com/b3C9Nj3.png) – bukka

+0

你說得對,我以爲你的意思是跨越iframe。我嘗試添加CSS(你可以看到它現在被添加),但不幸的是它似乎沒有解決問題。根據Chrome Dev Tools的說法,css被Facebook的css覆蓋。 – Nate