这个滤镜的问题在于浏览器加载图片时它会终止内容的呈现并且冻结浏览器。在每一个元素（不仅仅是图片）它都会运算一次，增加了内存开支，因此它的问题是多方面的。 IE独有属性AlphaImageLoader用于修正7.0以下版本中显示PNG图片的半透明效果。这个滤镜的问题在于浏览器加载图片时它会终止内容的呈现并且冻结浏览器。在每一个元素（不仅仅是图片）它都会运算一次，增加了内存开支，因此它的问题是多方面的。 完全避免使用AlphaImageLoader的最好方法就是使用PNG8格式来代替，这种格式能在IE中很好地工作。如果你确实需要使用AlphaImageLoader，请使用下划线_filter又使之对IE7以上版本的用户无效。 这是yahoo网站性能最佳体验的其中一条，但滤镜对页面性能影响到底有多大，目前好像还没有正式的测试结果可参考，你知道吗？

　　推荐阅读

　　CSS Sprite的一些最佳实践方法

下面是一张样图： 　　 图片1 　　本文的目的并不是讲CSS Sprite如何让一个网站更快，而是说一些使用CSS Sprite的时候的一些最佳实践。 　　不要等到你完成切片之后才开始sprite. 　　如果你边切图边写CSS，然后>>>详细阅读

本文标题：CSS 避免使用滤镜

地址：http://www.17bianji.com/kaifa2/CSS/16686.html

 1/2    1