IE7 z-index 和堆叠

Question

我花了将近两天时间试图解决 IE7 中的 z-index/stacking 问题，我承认失败了，我希望你们中的一位天才可以帮助我！

如果您在 IE7 中转到 http://learningseat.wpdemo.com.au/discover/#links 并单击我们代表什么或我们要去哪里，您会看到我们的合作伙伴和我们是谁链接显示在我的灯箱顶部。

我试图通过移动东西来解决这个问题，将 position: relative 和 z-indexes 添加到不同的元素，但我根本没有成功。

我什至尝试使用一些 jQuery 技巧来解决 IE 的 z-index 问题，但我没有运气。

我在这个项目上与另一位开发人员合作过，代码不是很漂亮，但如果有人能帮助我解决这个问题，我将永远感激不尽！

感谢您的想法和帮助！

Answer 1

在this StackOverflow answer 中，Tgr 很好地解释了 z-index 应该如何工作以及 IE 7 及更早版本是如何出错的。

在我有限的修补中对我有用的是该答案最后一段中提出的解决方案。首先，我删除了样式表中特定于 IE7 的 z-index 值，然后将一个非常高的 z-index 值 (9999) 添加到单击的 .buttoninfo 中。在您的代码中，您可以在单击按钮时添加一个类，然后在隐藏弹出窗口时将其删除。