网站建设中避免使用滤镜

tang***

　　四、节约系统消耗

　　1、避免使用CSS表达式(CSS Expression)，比如：www.syfumoji.com

　　CSS表达式从IE5浏览器开始就支持此，它是动态设置CSS属性的强大方法，但也存在着一定的危险性。我们看下面的代码：

　　background-color: expression( (new Date()).getHours()%2 ? ”#F00″ : ”#00F” );

　　上面的代码是使用CSS Expression，实现隔一个小时切换一次背景颜色。

　　CSS Expression的问题就在于它的计算频率要比想象的多出很多。不仅仅是在页面显示和缩放时，就是在页面滚动、乃至移动鼠标时都会要重新计算一次。给CSS Expression增加一个计数器可以跟踪表达式的计算频率。在页面中随便移动鼠标都可以轻松达到10000次以上的计算量。当需要实现某些效果控制时，可以用更擅长此技能的JS。

　　2、避免使用滤镜

　　IE独有属性AlphaImageLoader用于修正7.0以下版本中显示PNG图片的半透明效果。这个滤镜的问题在于浏览器加载图片时它会终止内容的呈现并且冻结浏览器。在每一个元素(不仅仅是图片)它都会运算一次，增加了内存开支，因此它的问题是多方面的。

　　完全避免使用AlphaImageLoader的最好方法就是使用PNG8格式来代替，这种格式能在IE中很好地工作。