<head>和</head>之间插入：
<style>
html{filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1)}
</style>
如果简单点的话只要：
<head>和</head>之间插入：
<style>
html{filter:gray}
</style>
如没有生效的话，是因为网站没有使用最新的网页标准协议，在网页最上面添加如下代码就可以了：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
需要准备的材料分别有：电脑、html编辑器、浏览器。
1、首先，打开html编辑器，新建html文件，例如：index.html，编写问题基础代码。
2、在index.html中的<script>标签，输入js代码：$('#a').css('-webkit-filter', 'grayscale(50%)')。
3、浏览器运行index.html页面，此时下方div的背景图片确实变暗，文字却没有影响。
