Fb喜欢按钮z-index问题

Question

我的网站上有一个类似fb的按钮但是当用户点击按钮时，弹出的注释框隐藏在两个元素（#centre和footer）后面，用户可以做什么都没有。

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

我已经看过这些问题，并在解决问题时没有运气实施答案： - facebook iframe App: Send/Like button z-index issue

我发现其他无法解决的问题是： -

1. 出现在弹出窗口前方/周围的元素应设置为overflow: visible;。 （来自fb开发人员FaQ页面。）

2. 从上面的链接更改答案中列出的类的z-index。

3. 更改iframe生成的类的宽度和z-index，并位于脚本标记中，名为_56z-

我想要的是弹出窗口显示在页面上的所有元素之上，而不必更改布局。

以下是我的网站http://mikelonsdale.co.uk

的链接

感谢您的时间和帮助。

Answer 1

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

不要忘记更改与您网站相关的所有其他元素。您将#centre div移动到至少z-index：-2（允许#footer div适合-1的空间）。

Answer 2

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

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

Answer 3

我添加了

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

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