网站图片变灰的通用CSS解决方案

标签：

<style>
html { 
	-webkit-filter: grayscale(100%); 
	-moz-filter: grayscale(100%); 
	-ms-filter: grayscale(100%); 
	-o-filter: grayscale(100%); 
	filter: grayscale(100%); 
	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");
	filter: progid: DXImageTransform.Microsoft.BasicImage(grayscale=1); 
	filter: gray;
} 
</style> 
<!--[if IE]>
<style> 
	html, * { 
		-webkit-filter: grayscale(100%); 
		-moz-filter: grayscale(100%); 
		-ms-filter: grayscale(100%); 
		-o-filter: grayscale(100%); 
		filter: grayscale(100%); 
		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"); 
		filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1); 
		filter: gray;
	} 
</style> 
<![endif]-->

网站图片变灰的通用CSS解决方案

标签：

原文地址：http://my.oschina.net/jsan/blog/492170