IE6下使用滤镜后链接无法点击的BUG

E6 BUG之使用滤镜后链接无法点击:
有个div的背景是个png的图片,在IE6下使用滤镜使它透明,但它下面的a标签的hover效果就没法显示,且链接也无法点击。
通常的解决方法是:给a标签加个相对定位(position:relative;),但在这里我在a标签上有个绝对定位(position:absolute;),这样的话该怎么解决的呢?

办法有两种:
1、在使用滤镜的容器外面再加上一个容器,这个容器加上绝对定位。a标签上加相对定位的属性(position:relative)就可以点击了。

2、使用IE6下PNG图片透明插件DD_belatedPNG,用法很简单,和jquery的语法相似:
首先是引用这个js

1 <script type="text/javascript" src="http://www.candoudou.com/js/DD_belatedPNG.js"></script>

然后再来引用它,找到需要透明的那个标签的class或id名称(可以跟多个class或id名),如:

1 <script type="text/javascript">
2    DD_belatedPNG.fix('.trunLeft,.jicon,.per_li li,.navf a,.per_info .add, .per_info .intr');
3 </script>

PNG图片透明插件DD_belatedPNG的下载地址:http://www.candoudou.com/js/DD_belatedPNG.js

产生这个bug的原因可能是DXImageTransform.Microsoft.AlphaImageLoader改变了容器的层级,其定位属性也能改变元素层级。

原文地址:https://www.cnblogs.com/jQing/p/2764947.html