首先在你的頁面頭部<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;
}
親測有效,此方法是羣裏一位大佬分享出來的,感謝大佬。
願逝者安息,生者奮發!