HTML

网页整体灰色版展示

StoneLee 发布于 文章字数: 65 阅读次数: 次

网页整体灰色版显示

只需要增加如下样式即可：

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
html { 
    -webkit-filter: grayscale(100%); 
    -moz-filter: grayscale(100%); 
    -ms-filter: grayscale(100%); 
    -o-filter: grayscale(100%); 
    filter: grayscale(100%); 
    filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1)
}

* { 
    -moz-filter: grayscale(100%); 
    -ms-filter: grayscale(100%); 
    -o-filter: grayscale(100%); 
    filter: gray; 
}