Facebook Like Button post to wall覆盖了文章

时间:2013-04-02 20:16:00

标签: facebook facebook-like facebook-likebox

我在这里遇到了一些问题。

当他们点击类似按钮时,我的网页上的Facebook赞按钮会有一个叠加弹出窗口说贴在墙上,正常的应该是这样的

enter image description here

但我点击它后,我甚至无法点击或做任何事情。

enter image description here

我不知道如何解决这个问题,因为我不确定这是代码的问题还是页面的布局。

    <li><div class="fb-like" data-href="<?php the_permalink(); ?>" data-send="false" data-layout="box_count" data-width="55" data-show-faces="false"></div></li>

2 个答案:

答案 0 :(得分:1)

使用Firebug检查您的页面,找到Facebook overlay元素并检查更改此元素的z-index是否会修复它。如果是,只需使用!important属性将规则添加到您自己的CSS中。我几个月前就遇到了这种问题,对我来说效果很好。

答案 1 :(得分:1)

我实际上是通过使用这些来修复的。

.fb_iframe_widget_lift {
    z-index: 1;
}

.entry {
    line-height: 1.5;
}

.content iframe {
    max-width: 1200%;
}

.entry p {
    padding-top: 1em;
    padding-bottom: 1em;
}

.entry img {
    max-width: 100%;
}

.entry h1, .entry h2, .entry h3, .entry h4, .entry h5, .entry h6 {
    margin-bottom: 15px;
    line-height: 1em;
    font-family: Helvetica;
    font-weight: normal;
}