分类： HTML | CSS | Javascript

前端设计

让网页变成灰阶，兼容各浏览器

使用纯 css 让网页变成灰色，加入以下css在 <head></head> 中即可。

html{
	filter: grayscale(100%); /*css3*/
	-webkit-filter: grayscale(100%); /*Chrome/safari */
	-moz-filter: grayscale(100%); /*Firefox < 3.5 */
	-ms-filter: grayscale(100%); 
	-o-filter: grayscale(100%); /*opera*/
	filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /*Firefox >= 3.6*/
	filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1); /*IE6/7/8*/
	-webkit-filter: grayscale(1); /*Chrome/safari*/
}