首页 > Web开发 > 详细

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

时间:2015-08-14 11:56:26      阅读:213      评论:0      收藏:0      [点我收藏+]
<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

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!