html - 位置 : relative causes anchors to be unclickable

Question

我正在摆弄我正在开发的网站，试图修复一些奇怪的 IE7 错误，因为这是一个内部元素，而 IE7 是标准浏览器。我最终添加了“position:relative”来纠正几个 IE 特定的布局问题，但我似乎在 FF/Chrome 中让事情变得更糟(我认为自己更像是一个系统程序员，但我目前的职责涉及更多的网络不幸的是焦点)。

具体问题是“position: relative”元素最终导致我的一些链接向右浮动，无法点击。我创建了一个简单的测试页面，我希望它能比我用文字更好地解释这一点:http://jsfiddle.net/gBchZ/ .

我最终会解决这个问题，但我希望有人能解释我的链接隐藏在位置后面的原因:相关元素。

Answer 1

如果没有网站的链接，很难准确判断出哪里出了问题。但无论如何，一个解决方案可能是对 a 的父级使用 z-index。例如 z-index:100。请记住，z-index 仅适用于定位元素，因此您可以使用 position:relative。

基于您的示例的演示: http://jsfiddle.net/gBchZ/3/