网站变灰色兼容代码 包括图片 支持所有浏览器
发布时间:2016-12-27 来源:查字典编辑
摘要:直接上代码:html{-webkit-filter:grayscale(100%);-moz-filter:grayscale(100%);...
直接上代码:
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'></fecolormatrix></filter></svg>#grayscale");
filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
}
就一句代码,查字典教程网的小编收藏的,简单实用,希望能帮到大家。