html - 如何让弹窗覆盖文章

Question

我无法弄清楚这个 Facebook Like 按钮，当我按下它时，它假设弹出覆盖文章，但我的它只是在文本后面，用户根本无法按下或做任何事情

---

不像我发现的另一个网站是 Theverge 的例子

他们的popup会覆盖文章，继续发到facebook wall不会有问题

这是我现在拥有的共享按钮的 CSS

/* Share */
.share-post {
    clear: both;
    margin: 10px -20px -20px;
    padding: 10px 0 10px 10px;
    background: #F7F7F7;
    border-top: 1px solid #EAEAEA;
    height: 20px;
}

.mini-share-post {
    clear: both;
    margin: 10px -20px -20px;
    padding: 10px 10px 10px 25px;
    height: 20px;
}

.recent-box .mini-share-post {
    margin-bottom: -5px;
}

.share-post li, .mini-share-post li {
    float: left;
    width: 120px;
}

.share-post span.share-text {
    background: #FF8500;
    margin: -10px 10px -10px -10px;
    display: block;
    float: left;
    color: #FFF;
    padding: 9px;
    font-family: BebasNeueRegular, arial, Georgia, serif;
    font-size: 14pt;
}

Answer 1

检查 div 的 z-index(或其他内容，取决于您使用的内容)，您的帖子被包裹在其中，并为 Facebook 小部件设置一个更高的索引.

通常设置 z-index: 1001; 在这种情况下对我有用，但这么高的值被认为是相当肮脏的修复。

编辑

好的，我现在知道出了什么问题(我假设这是您个人资料中的网站)。在 div 中有一个 span 类 fb-like fb_edge_widget_with_comment fb_iframe_widget。将 span 宽度更改为大约 500px。

因此您不必更改z-index，但下次请提供一些代码。不能从图像中猜出任何东西。