Facebook Like Button post to wall覆盖了文章

Question

我这里有点问题。

当他们点击相似的按钮时我的网页上的Facebook喜欢按钮，他们将有一个覆盖弹出窗口说贴在墙上，正常的应该是这样的

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

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

    <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>

Answer 1

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

Answer 2

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

.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;
}