网站变黑白效果实现兼容ie浏览器

​

实现的效果：

​编辑

 

1.在公共样式添加：

<style type="text/css">
body{
   -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
    _filter: none;
    filter: gray;
}
*{
   filter: gray;
}

</style>

 

2.添加：

<meta http-equiv="Pragma" content="no-cache" />
<meta http-equiv="Expires" content="0" />
<meta http-equiv="x-ua-compatible" content="ie=7">

 

刷新页面没有效果，需要重新打开

​