IE6 链接无法点击的修复方法
来源:互联网 发布:苏格兰折耳猫 知乎 编辑:程序博客网 时间:2024/05/16 10:54
今天遇到一个IE6/7上链接失效的bug:
a元素内嵌套一层或多层内联元素, 内联元素再包含一个img元素, 这时, 如果触发了a元素里这个内联元素的hasLayout, 那么超链接将失效.
html:
<a href="#"><span><img src="#" alt="msg" /></span></a>
css
a span {float: left}
只要触发了span的hasLayout(float:left),就会出现此bug
解决方案:
1、避免这样子嵌套:a>span>img,直接把A链接放到img的外边
2、不要触发内联元素的hasLayout
3、将img元素进行定位(不设置位置属性), 并将其z-index设置为负数(这个解决方法是基于这样一种判断:
点击图片区域时, 链接无效, 若图片与链接之间存在空白, 点击空白区则是有效的, 所以, 可以认为是图片挡
在a元素上面, 我们在点击时, 实际上点的是图片, 我们只要让a元素显示在最上面就可以了).(参考http://blog.163.com/thinker_creator/blog/static/101933149200941994831531/)
- IE6 链接无法点击的修复方法
- 关于ie6中使用css滤镜后链接无法点击的问题
- IE6下链接a的onclick事件点击无反应的处理方法
- IE6下使用滤镜后链接不能点击的BUG
- 兼容IE6的十条有用的修复方法
- 兼容IE6的十条有用的修复方法
- 3种修复IE6 PNG图片透明度问题的方法
- 修复IE6 PNG图片透明度问题的方法
- jquery检测ie6的方法(修复了BUG)
- IE6下在td中的图片链接无法点击的问题解决
- IE6 链接失效 <a>失效 不能点击
- ie6 filter png a 链接不可点击
- windows XP中的IE6.0修复方法
- ie6,ie7下a标签无法点击
- ie6却无法点击a连接
- IE点击链接无反应修复.bat
- 谷歌,火狐链接无法点击
- IE不能打开新链接的修复方法
- 第一次进csdn的博客
- Win8 安装Oracle 10g 提示“程序异常终止”的解决方案
- 开启远程数据库组件
- Iphone控件大全
- hdu -- 1443 Joseph
- IE6 链接无法点击的修复方法
- 【转载】不刷机,I9300通过修改资源文件加入通话录音功能
- android 如何预置APK
- nyoj 82 迷宫寻宝(一)
- S2JDBC tutorial project
- HDU 4544
- MFC创建模态对话框
- Cut Ribbon
- 动态构造 lambda