位置:相对导致锚点不可点击

Wor*_*ead 7 html css layout css-position

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

具体问题是"位置:相对"元素最终使我的一些链接浮动到右边,无法点击.我已经创建了一个简单的测试页面,我希望能用语言更好地解释这个:http://jsfiddle.net/gBchZ/.

我最终会彻底解决这个烂摊子,但我希望有人可以解释我的链接隐藏在这个位置背后的原因:相对元素.

Sot*_*ris 10

没有网站的链接很难确切地说出什么是错的.但无论如何,解决方案可能是z-index用于父母的a.例如z-index:100.请记住,z-index仅适用于定位元素,因此您可以使用position:relative.

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