帮助解决 IE7 中菜单的 z-index 问题
有谁知道为什么菜单在 IE7 中呈现在本网站的旋转图像下方： http://new .coffeelatino.co.uk/。
菜单的 z 索引比旋转图像的 z 索引高得多。
这也是 IE 如此可怕的另一个原因。
Has anyone got any idea why the menu is rendering below the rotating images on this site in IE7: http://new.coffeelatino.co.uk/.
The z-index is much higher for the menu that it is for the rotating images.
Just another reason why IE is so dreadful.
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论
评论（1）
对于未定位的元素，z-index 将被忽略。将“position:relative”添加到您尝试应用 z-index 的样式中，这样就可以修复它。
作为 Web 开发人员保持理智的提示：针对 IE 进行编写，然后使用其他浏览器进行测试。大多数在 IE 中工作的内容都可以在 FF 和 Chrome 中正确呈现。正如您所注意到的，反之则不然。
z-index is ignored for elements that are not positioned. Add "position:relative" to the style of whatever you're trying to apply a z-index to, and that should fix it.
Hint for remaining sane as a web developer: Write against IE, then test with other browsers. Most things that work in IE will render correctly in FF and Chrome. The reverse, as you've noticed, is not true.