首先在你的页面头部<head></head>
里面加入如下代码,不加的话IE11就嗝屁了:
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE9,chrome=1" />
然后在css文件里加入如下代码:
body{-webkit-filter: grayscale(100%);}
html{
-webkit-filter:grayscale(100%);
-moz-filter:grayscale(100%);
-ms-filter:grayscale(100%);
-o-filter:grayscale(100%);
filter:grayscale(100%);
filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1)
}
*{
-moz-filter: grayscale(100%);
-ms-filter: grayscale(100%);
-o-filter: grayscale(100%);
filter: gray;
}
亲测有效,此方法是群里一位大佬分享出来的,感谢大佬。
愿逝者安息,生者奋发!