Fb like 按钮 z-index 问题答案

【问题标题】：Fb like button z-index issueFb like 按钮 z-index 问题
【发布时间】：2014-10-13 23:40:10
【问题描述】：

我的网站上有一个类似 fb 的按钮，但是当用户单击该按钮时，弹出的 cmets 框隐藏在两个元素（#centre 和 footer）后面，用户对此无能为力。

我的问题是，如何更改浮出控件的 z-index，以便当用户单击“赞”按钮时，它会出现在其他元素的前面？

我已经查看了这些问题并实施了他们的答案，但没有解决问题：- facebook iframe App: Send/Like button z-index issue

我发现的其他不起作用的修复是：-

我只希望浮出控件出现在页面上所有元素的顶部，而无需更改布局。

感谢您的时间和帮助。

【问题讨论】：

【解决方案1】：

将#centre 和#footer div 的z-index 更改为负值。这应该可以解决问题。

不要忘记更改与您的网站相关的所有其他元素。您将#centre div 至少移动到 z-index: -2 （以便为 #footer div 留出空间以适应 -1）。

【讨论】：

【解决方案2】：

以下代码完全解决了这个问题，而无需更改任何内容的溢出或 z-index。您只需添加下面的代码，瞧。但是，它会稍微偏离您网站的布局（它会溢出.. 哈）。惊人的修复，小收获。边界可以接受，但我找到了最好的解决方案。（在 WP 论坛上找到）。

.fb-like span {
    overflow: visible !important;
    width: 450px !important;
    margin-right: -375px;
}

【讨论】：

【解决方案3】：

我加了

    .fb-like span {
    z-index: 999999999999999;
}

到我的 css 并修复它。它甚至没有被标记为活动，并且在开发人员工具中停用它也不会改变任何东西。如果我把它从我的 CSS 中取出来，那一切又会变得愚蠢。

【讨论】：