ie6 png 滤镜使用须知

晚上做一个效果，需要使用到有层次透明的png图片作为背景。

写了老半天 ie6就是不出效果。寻思半天，测试半天终于得出了方法。

网上的教材文章并没有提及这个须知，所以写一下吧。

滤镜中图片的地址必须是相对于htm文件本身而不是css

比如说我的 htm文件位于"html"目录下，透明的png和css文件都位于"html/images/"目录下，那么滤镜写在css中应该是这样写：

<-- ie 6 部分-->（hack语法自己找教程）

.mainWrapA { background:none;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,sizingMethod=scale, src="images/mainbg.png");}

而不是

.mainWrapA { background:none;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,sizingMethod=scale, src="mainbg.png");}

这就是所谓的滤镜中图片的路径是相对与html本身，而不是css，不管你css放在和html一个目录还是放在 css目录抑或 images目录，都必须写png相对于html的路径。

另外，本人是安装了ie7， 使用 ie6 standalone（即绿色版ie6）做测试，ie的特有语句 ,ie6 Standalone 是辨认不出来的，另外由于是Standalone，所以并不支持包括透明png在内的一些滤镜，毕竟是不完整的版本吧，本人也是在同事没有安装ie7的机器上才测试成功的。

总之，郁闷了一晚的heiyo 非常相对微软竖起中指，但是想想这么多的windows用户，不知不觉中就只能微软了～ 微软的名字其实不是他们公司本身微软是让开发者微软....nnd～

------------------

Heiyo!
Heiyo Mood
Heiyo Yupoo