【IE6的疯狂系列】IE6下使用滤镜后链接不能点击的BUG

大家可能都知道IE6下使用DXImageTransform.Microsoft.AlphaImageLoader滤镜(用于PNG32 Alpha透明)后链接不能点击的BUG,大家也都知道只要在a标签上加相对定位的属性(position:relative)就可以点击了。

见demo页面中的例子1:https://www.html.cn/demo/ie6bug_filter/(使用IE6查看);

非常好!但是如果在使用滤镜容器的中加上绝对定位,悲剧发生了!a标签上加相对定位的属性(position:relative)链接依然不能点击!

见demo页面中的例子2:https://www.html.cn/demo/ie6bug_filter/(使用IE6查看);

经过近半个小时的折腾终于有了解决方案,就是在使用滤镜的容器外面再加上一个容器,这个容器加上绝对定位。a标签上加相对定位的属性(position:relative)就可以点击了。

见demo页面中的例子3:https://www.html.cn/demo/ie6bug_filter/(使用IE6查看);

原因可能如下:

DXImageTransform.Microsoft.AlphaImageLoader可能改变了容器的层级,真好正好定位属性也能改变元素层级。

如果你知道原因或者有更好的解决方案欢迎留言斧正,探讨。谢谢!

另:

【IE6的疯狂系列】IE6 BUG大全(bug征集、整理中..)

赞(0) 打赏
未经允许不得转载:WEB前端开发 » 【IE6的疯狂系列】IE6下使用滤镜后链接不能点击的BUG

评论 14

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址
  1. #-49

    哎,又是神奇的IE6

    Glow8年前 (2010-12-23)回复
  2. #-48
  3. #-47

    demo 中的第三组最后一个链接 加上了 position:relative; 链接可以点了,其中描述语句错了。

    riant8年前 (2010-12-27)回复
  4. #-46

    关于滤镜,我也有个类似的问题,选择另外一种方式来解决,我在这里有过记录:http://popotang.com/blog/index.php/ie-opacity-bug/

    popotang8年前 (2010-12-30)回复
  5. #-45

    把链接写在backgroud:url(“http://www.google.com”);

    aruis8年前 (2011-02-18)回复
  6. #-44

    又看到码头的文章了 崇拜下下

    丫丫8年前 (2011-05-04)回复
  7. #-43

    早就知道啦,只能在上面再加一层。

    rain8年前 (2011-06-09)回复

前端开发相关广告投放 更专业 更精准

联系我们

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏