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

前端之家收集整理的这篇文章主要介绍了html – position:relative导致锚点无法点击前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我正在摆弄我正在开发的网站,尝试修复一些奇怪的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/

原文链接:https://www.f2er.com/html/225190.html

猜你在找的HTML相关文章