我正在摆弄我正在开发的网站，试图修复一些奇怪的 IE7 错误，因为这是一个内部元素，而 IE7 是标准浏览器。我最终添加了“position:relative”来纠正一些特定于 IE 的布局问题，但我似乎在 FF/Chrome 中使事情变得更糟(我认为自己更像是一个系统程序员，但我目前的职责涉及更多的网络不幸的是焦点)。
具体问题是“position:relative”元素最终使我的一些链接 float 到右侧，无法点击。我创建了一个简单的测试页面，我希望它能比我用文字更好地解释这一点: http://jsfiddle.net/gBchZ/ 。
我最终会解决这个烂摊子，但我希望有人能解释我的链接隐藏在位置背后的原因:相对元素。
最佳答案
如果没有该站点的链接，就很难确切地说出错误所在。但无论如何，解决方案可能是将 z-index 用于 a 的父级。例如 z-index:100 。请记住， z-index 仅适用于定位元素，因此您可以使用 position:relative 。
演示基于您的示例: http://jsfiddle.net/gBchZ/3/
关于html - 位置: relative causes anchors to be unclickable，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/5235073/