我无法弄清楚这个Facebook Like按钮，当我按下它时，假设弹出覆盖文章，但它只是在文本背后，用户无法按或者根本如何使弹出窗口覆盖文章

enter image description here

不像其他的网站，我发现从Theverge举个例子

其弹出式覆盖的文章做任何事情，也不会有任何问题继续发送到脸谱墙

enter image description here

这是你的文章被包裹的分享按钮，我现在所拥有的

/* 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; 
}

来源

2013-04-04 Ali

检查的divz-index（或别的东西，要看你用的是什么）的CSS并为Facebook小部件设置更高的值。

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

编辑

好吧，我知道现在是错误的（我想这是从您的个人资料的网站）。在fb-like fb_edge_widget_with_comment fb_iframe_widget的div中有span。将span宽度更改为约500px。

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

来源

2013-04-04 01:07:15 Lemurr

我真的很抱歉...我试图从你现在提供给我的任何信息中挖掘，并尽快回复你 – Ali 2013-04-04 01:16:41

@Ali - 如果div生成FB插件，你不能在你的代码中看到它，请检查你是否可以设置它的偏好。如果这样做没有帮助 - 你可以尝试在你自己的文件中添加CSS属性（并且可以推荐你也必须添加'！important'） – Lemurr 2013-04-04 01:19:03

对不起@Pablo Lemurr，这是我现在提供的代码的错误在顶部，它实际上来自网站的主页，而不是single_post.php – Ali 2013-04-04 01:20:36

如何使弹出窗口覆盖文章

回答

编辑

相关问题