大家可能都知道IE6下使用DXImageTransform.Microsoft.AlphaImageLoader滤镜(用于PNG32 Alpha透明)后链接不能点击的BUG,大家也都知道只要在a标签上加相对定位的属性(position:relative)就可以点击了。
见demo页面中的例子1:http://www.css88.com/demo/ie6bug_filter/(使用IE6查看);
非常好!但是如果在使用滤镜容器的中加上绝对定位,悲剧发生了!a标签上加相对定位的属性(position:relative)链接依然不能点击!
见demo页面中的例子2:http://www.css88.com/demo/ie6bug_filter/(使用IE6查看);
经过近半个小时的折腾终于有了解决方案,就是在使用滤镜的容器外面再加上一个容器,这个容器加上绝对定位。a标签上加相对定位的属性(position:relative)就可以点击了。
见demo页面中的例子3:http://www.css88.com/demo/ie6bug_filter/(使用IE6查看);
原因可能如下:
DXImageTransform.Microsoft.AlphaImageLoader可能改变了容器的层级,真好正好定位属性也能改变元素层级。
如果你知道原因或者有更好的解决方案欢迎留言斧正,探讨。谢谢!
转载请注明转自《【IE6的疯狂系列】IE6下使用滤镜后链接不能点击的BUG》