IE 下 a 标签在 position:absolute 后无法点击的问题
条件 : DOCTYPE 为 XHTML、 IE 浏览器
现象 : 将 a 的 position 指定为 absolute,指定 display:block,指定 width、height,则 IE 中 a 的无内容区域不可点击。
原因:由于在 IE 中,a 的无内容区域,被当作是穿的,就像一个镂空的框一样,鼠标移上去是点不到东西的,如果存在文字,则有文字链接,如果不存在,则完全点不到。
解决方案:
1. 给 a 设置高度
2. 给 a 添加背景色或背景图片
给a添加背景色,设置透明度为0
background:#fff;opacity:0; filter:alpha(opacity=0);