首先在你的页面头部<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;}
亲测有效,此方法是群里一位大佬分享出来的,感谢大佬。
愿逝者安息,生者奋发!