css 图片变黑白效果 使用CSS将图片转换成黑白的 兼容方法

Question

css 图片变黑白效果 使用CSS将图片转换成黑白的 兼容方法css 图片变黑白效果 使用CSS将图片转换成黑白的 兼容方法css 图片变黑白效果 使用CSS将图片转换成黑白的 兼容方法

Answer 1

直接将其放入页面中的<style></style>即可，或者外部样式直接在内部引用。

12345678

html,body { -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%); filter: gray; }

Answer 2

*{
-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
-ms-filter: grayscale(100%);
-o-filter: grayscale(100%);
filter: grayscale(100%);
filter: gray;
}
添加上面样式。