HTML如何让网站整站变灰白的CSS样式代码

发布时间：2022-12-06 阅读量：1435 超级管理员

为了让网站内容由于某种事件原因，需要将整站转成黑白显示；为了方便后期使用，在这里将代码记录一下，直接将以下样式添加到整站或者首页调用CSS样式里面的body样式里面就可以了；-webkit-filter:grayscale(100%);/*webkit网站灰白代码*/-moz-filter:gray···...

扫码分享二维码

详细介绍

为了让网站内容由于某种事件原因，需要将整站转成黑白显示；为了方便后期使用，在这里将代码记录一下，直接将以下样式添加到整站或者首页调用CSS样式里面的body样式里面就可以了；

-webkit-filter: grayscale(100%); /* webkit 网站灰白代码 */
-moz-filter: grayscale(100%); /*firefox 网站灰白代码*/
-ms-filter: grayscale(100%); /*ie9 网站灰白代码*/
-o-filter: grayscale(100%); /*opera 网站灰白代码*/
filter: grayscale(100%); /*opera 网站灰白代码*/
filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);  /*opera 网站灰白代码*/
filter:gray; /*ie9- */ /*opera 网站灰白代码*/