如何使弹出窗口覆盖文章

Question

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

---

与我发现的其他网站不同于Theverge

他们的弹出窗口叠加了文章，继续发送到Facebook墙上没有任何问题

这是我现在拥有的分享按钮的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

检查您的帖子所包含的z-index（或其他内容，取决于您使用的内容）的div，并为Facebook小部件设置更高的值。

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

修改

好的，我知道现在出了什么问题（我认为这是你个人资料中的网站）。 在div span内的div中有fb-like fb_edge_widget_with_comment fb_iframe_widget。将span宽度更改为约500px。

因此您无需更改z-index，但下次请提供一些代码。从图像中可以猜到没有外翻。