IE 下a标签在 position:absolute 后无法点击的问题

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);