我花了将近两天的时间试图解决IE7中的z-index /堆叠问题,我承认失败了,我希望你们中的一个天才可以帮助我!
如果你在IE7中转到http://learningseat.wpdemo.com.au/discover/#links并点击我们的立场或我们将要去的地方,你会看到我的工作人员和我们是谁的链接显示在我的灯箱顶部。
我试图通过移动方式来解决这个问题,将位置:相对和z索引添加到不同的元素,但我根本没有成功。
我甚至尝试使用一些jQuery技巧来处理IE的z-index问题,但我没有运气。
我和其他开发人员合作过这个项目并且代码不是很漂亮,但是如果有人能帮我解决这个问题,我将永远感激不尽!
感谢您的想法和帮助!
答案 0 :(得分:0)
在this StackOverflow answer中,Tgr给出了一个很好的解释,说明z-index应该如何工作以及IE 7及更早版本如何解决它。
在我有限的修补中对我有用的是该答案最后一段中提出的解决方案。首先,我删除了样式表中特定于IE7的z-index值,然后向所点击的.buttoninfo
添加了一个非常高的z-index值(9999)。在您的代码中,您可以在单击按钮时添加类,然后在隐藏弹出窗口时将其删除。