本文主要介绍了通用网站置灰样式及兼容ie的做法。
页面布局格式：
<body>
<div id="layout">
内容代码开始
</div>
</body>通用置灰样式：
#layout{
filter: gray !important;
filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
-webkit-filter: grayscale(1);
filter: grayscale(100%);
-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
-ms-filter: grayscale(100%);
-o-filter: grayscale(100%);
}
p,input,span,li,a,i,em{
filter: gray !important;
filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
-webkit-filter: grayscale(1);
filter: grayscale(100%);
-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
-ms-filter: grayscale(100%);
-o-filter: grayscale(100%);
}兼容ie9及以下的做法：
<meta http-equiv="X-UA-Compatible" content="IE=Edge" >
/**把IE=Edge改为IE=9，强制使用ie9**/
<meta http-equiv="X-UA-Compatible" content="IE=9" > 注意：
建议背景样式定义在layout，不要直接定义在body上，不然ie下，背景置灰可能会没生效。