全屏灰色（特殊时期使用）

最新推荐文章于 2024-09-17 11:42:54 发布

今天2岁

最新推荐文章于 2024-09-17 11:42:54 发布

阅读量213

点赞数

文章标签：前端

原文链接：https://zhuanlan.zhihu.com/p/159348075

版权

全屏灰色（特殊时期使用）

<style>
.filter {
    -webkit-filter: grayscale(100%); /* webkit */
    -moz-filter: grayscale(100%); /*firefox*/
    -ms-filter: grayscale(100%); /*ie9*/
    -o-filter: grayscale(100%); /*opera*/
    filter: grayscale(100%);
    filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1); /*ie*/
    filter: gray; /*ie9- */
}
</style>
</head>
 
<body>    
    <div class="filter">
        <img src="https://cdn.pixabay.com/photo/2015/04/20/17/01/flower-731830_960_720.jpg" />
    </div>
</body>