0

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

在此处输入图像描述

与我发现的其他网站不同，该网站以 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;
}
4

1 回答 1

1

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

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

编辑

好的，我现在知道出了什么问题（我假设是您个人资料中的网站）。spandiv 里面有一个class fb-like fb_edge_widget_with_comment fb_iframe_widget。将宽度更改span为大约 500 像素。

所以你不必更改z-index，但下次请提供一些代码。不是一切都可以从图像中猜到。

于 2013-04-04T01:07:15.120 回答