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

时间:2022-12-12 05:48:26

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