网站风格变黑白的方法，用css或javascript方法将网站改为灰色_编程开发

网站风格变黑白的方法，用css或javascript方法将网站改为灰色

创始人

2024-03-09 07:13:22

0次

在这里插入图片描述

如何把网站颜色去掉？用下面的方法即可

1.通用方法

body { -webkit-filter: grayscale(100%);-moz-filter: grayscale(100%);-ms-filter: grayscale(100%);-o-filter: grayscale(100%);filter: grayscale(100%);filter: gray;
}html {-webkit-filter: grayscale(100%);-moz-filter: grayscale(100%);-ms-filter: grayscale(100%);-o-filter: grayscale(100%);filter: url("data:image/svg+xml;utf8,#grayscale");filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);filter: grayscale(100%);filter: gray;
}

其中百分比根据自己实际情况进行调整。

2.插件Grayscale.js

上面的方法仅能满足目前谷歌和火狐内核的浏览器及IE10以下浏览器，对IE10和IE11并没有作用。

如果要对IE高版本系列产生作用，请点击下载 grayscale.js，这是一款图片去色特效插件及实例，可将任意的彩色图片剥离色彩变成其它色调。

在js中直接调用，传参为需要做黑白配色处理的DOM元素，如需全站覆盖则不传