vue项目哀悼日
<!DOCTYPE html> <html> <!-- 页面置灰 --> <!-- <script src="http://james.padolsey.com/demos/grayscale/grayscale.js" type="text/javascript"></script> <script type="text/javascript"> window.onload = function () { grayscale(document.body); }; </script> --> <head> <meta charset="utf-8"> <meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate" /> <meta http-equiv="Pragma" content="no-cache" /> <meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1"> <!-- <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE11,chrome=1"> --> <meta name="viewport" content="width=device-width,initial-scale=1.0"> <title>绩效管理系统</title> </head> <body> <div id="app"></div> <!-- built files will be auto injected --> </body> </html>
html{ filter: grayscale(100%) !important; -webkit-filter: grayscale(100%) !important; -moz-filter: grayscale(100%) !important; -ms-filter: grayscale(100%) !important; -o-filter: grayscale(100%) !important; filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1); -webkit-filter: grayscale(1) !important; } body{-webkit-filter: grayscale(100%) !important;} *{ -moz-filter: grayscale(100%) !important; -ms-filter: grayscale(100%) !important; -o-filter: grayscale(100%) !important; filter: gray !important; }
https://segmentfault.com/a/1190000022263041
https://blog.csdn.net/qq_31394809/article/details/106034216