IE中a标签绝对定位设置高宽却无法点击的问题

最新推荐文章于 2025-09-12 18:43:55 发布

weixin_30697239

最新推荐文章于 2025-09-12 18:43:55 发布

阅读量69

点赞数

CC 4.0 BY-SA版权

文章标签： php

原文链接：http://www.cnblogs.com/pigtail/archive/2012/10/30/2745935.html

本文探讨了IE浏览器中a标签使用绝对定位并设置高度和宽度后无法正常点击的问题。通过分析发现，该问题通常发生在元素内部为空或背景为透明的情况下。文章提供了三种解决方案：采用相对定位、添加透明背景图或使用特定于IE的背景设置。

[转]http://www.w3cfuns.com/forum.php?mod=viewthread&tid=5594311

最近群里有人提了IE中a标签绝对定位设置高宽却无法点击的问题，其实这个是老问题

了，最近在写一个JS效果的时候也遇到，今天顺便也做一个记录！元素绝对定位以后设

置了高宽原因：

1、元素内并无内容

2、背景是透明的，无任何背景图或者颜色

解决方法：

1、如果不是绝对定位元素的，可以用相对定位

2、给元素加透明的背景图

3、IE可以只用 background:url(about:blank) 解决

第三种方法平时用用是可以的，但是在某种情况下会有bug, 比如JS拖动层时候，拖动的

事件在一个透明层上面，你有设置了其他鼠标光标，这时候拖动就会出现光标闪烁的现

象！

这里建议第二种方法，弄一个1*1PX的透明图就好！