如何阻止Facebook喜欢/分享按钮跳过页面加载?

时间:2014-02-24 19:36:22

标签: css facebook

我添加了Facebook的Like& amp;在我的网站上分享按钮,但在大约50%的页面加载时,iframe会向右加载,然后向左跳回原位。

以下是测试网址:

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 个答案:

答案 0 :(得分:1)

width: 124px;添加到.fb_iframe_widget span

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