facebook - Facebook Like Button 贴在墙上覆盖文章

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 覆盖元素并检查更改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;
}