以往，IE浏览器有一个专有的CSS属性称为过滤应用自定义效果包括灰度。现在，过滤器属性是CSS3规范的一部分，并支持在一些浏览器，Firefox、Chrome和Safari。以前，我们也提到Webkit过滤器，它不仅将图像变成灰色也可以变成褐色和模糊效果。
这个是需要应用css的滤镜来实现的，但是只有IE浏览器支持。
代码实例如下：
<html><head>
<title>Gray灰度</title>
<style>
<!--
body{
margin:12px
}
.gray{
filter:gray /* 黑白图片 */
}
-->
</style>
</head>
<body>
<img src="building5.jpg"> 
<img src="building5.jpg" class="gray">
</body>
</html>
