CSS 滤镜的两种方法

    一般能用CSS处理的就尽量不要用JS了，个中的原因，你懂的……本人整理了一下使用滤镜的方法处理IE6下的PNG半透明，但该方法也有局限性，不能使用背景定位，也就是不能使用CSS Script。
    方法1
    CSS核心代码：
    background-image:url(weather.png)!important; background-image:url(www.aqy106.com);
    filter progid:DXImageTransform.Microsoft.AlphaImageLoader(src='weather.png');
    其他浏览器不需要处理，只需要单独针对IE6作处理也可以。
    当CSS中出现两个同样的属性，无论是否有!important，IE6只识别最后一个属性。（IE6是识别!important的，后面的background-image起干扰作用。在Firefox下，!important被优先执行，filter滤镜不起作用。这个其实只需要处理PNG在IE6中不支持半透明的问题，其他浏览器都是支持PNG的半透明的，所以不需要处理。该方法使用也有局限性，就是不支持图片的定位，也就是不支持CSS Script。
    方法2CSS核心代码：
    _background:none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='weather.png',sizingMethod='crop');
    同样的也是利用滤镜进行处理，但方法上与方法一有所区别，单独针对IE6进行处理，利用“_”来针对IE6处理，其他浏览器对PNG的半透明是支持的，所以不再需要处理了。需要注意的是，sizingMethod='crop'须写上，不然会出现一些莫名的边角的问题，这个也是与方法一的方法有所区别的一点。