IE7 z-index和堆叠

时间:2012-06-08 04:34:05

标签: css internet-explorer-7

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

如果你在IE7中转到http://learningseat.wpdemo.com.au/discover/#links并点击我们的立场或我们将要去的地方,你会看到我的工作人员和我们是谁的链接显示在我的灯箱顶部。

我试图通过移动方式来解决这个问题,将位置:相对和z索引添加到不同的元素,但我根本没有成功。

我甚至尝试使用一些jQuery技巧来处理IE的z-index问题,但我没有运气。

我和其他开发人员合作过这个项目并且代码不是很漂亮,但是如果有人能帮我解决这个问题,我将永远感激不尽!

感谢您的想法和帮助!

1 个答案:

答案 0 :(得分:0)

this StackOverflow answer中,Tgr给出了一个很好的解释,说明z-index应该如何工作以及IE 7及更早版本如何解决它。

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