§ ITPOW >> 文档 >> CSS

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

作者:vkvi 来源:ITPOW(原创) 日期:2013-7-30

条件

  • DOCTYPE 为 XHTML
  • IE 浏览器

现象

将 a 的 position 指定为 absolute,指定 display:block,指定 width、height,则 IE 中 a 的无内容区域不可点击。

如下代码:


[Ctrl+A 全部选择 提示:您可先修改部分代码,再按运行]

为什么呢?

这是由于在 IE 中,a 的无内容区域,被当作是穿的,就像一个镂空的框一样,鼠标移上去是点不到东西的。

怎么解决呢?

办法一是指定 body { height:100%; }

办法二是给 a 指定 background,颜色、图片都可以,但一般是指定一张透明的背景图片。

相关文章