web端网页变为灰色

最新推荐文章于 2022-12-19 09:43:07 发布

冉冉胜起

最新推荐文章于 2022-12-19 09:43:07 发布

阅读量485

点赞数

文章标签： html css 前端

本文链接：https://blog.csdn.net/qq_15023917/article/details/128180590

版权

要使网页变为灰色，很简单，只需在最外层的html页面中的html标签内加上如下样式即可：

style="
    filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
    -webkit-filter: grayscale(100%);
  "

完整举例：

<!DOCTYPE html>
<html
  lang="zh"
  style="
    filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
    -webkit-filter: grayscale(100%);
  "
>
  <head>
    <meta charset="utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
  <meta http-equiv="cache-control" content="no-cache, no-store, must-revalidate"> -->
    <meta name="viewport" content="width=device-width,initial-scale=1.0" />
    <title>管理平台</title>
  </head>

  <body>
    <div id="app"></div>
  </body>
  <script>
   
  </script>
</html>