码迷,mamicode.com
首页 > 其他好文 > 详细

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

时间:2015-10-27 19:09:38      阅读:154      评论:0      收藏:0      [点我收藏+]

标签:

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

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

标签:

原文地址:http://www.cnblogs.com/rsky/p/4914775.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!