html – position：relative导致锚点无法点击

概述我正在摆弄我正在开发的网站,尝试修复一些奇怪的IE7错误,因为这是一个内部项目,IE7是标准浏览器.我最后添加了“position：relative”来纠正一些特定于IE的布局问题,但我似乎在FF / Chrome中让事情变得更糟(我认为自己更像是一个系统程序员,但我目前的职责涉及更多的网络不幸的是焦点). 具体问题是“位置：相对”元素最终使我的一些链接浮动到右边,无法点击.我已经创建了一个简单的 我正在摆弄我正在开发的网站,尝试修复一些奇怪的ie7错误,因为这是一个内部项目,ie7是标准浏览器.我最后添加了“position：relative”来纠正一些特定于IE的布局问题,但我似乎在FF / Chrome中让事情变得更糟(我认为自己更像是一个系统程序员,但我目前的职责涉及更多的网络不幸的是焦点).

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

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

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

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

总结

以上是内存溢出为你收集整理的html – position：relative导致锚点无法点击全部内容，希望文章能够帮你解决html – position：relative导致锚点无法点击所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。