今天小编跟大家讲解下有关网站变灰色兼容代码 包括图片 支持所有浏览器 ,相信小伙伴们对这个话题应该有所关注吧,小编也收集到了有关网站变灰色兼容代码 包括图片 支持所有浏览器 的相关资料,希望小伙伴们看了有所帮助。
直接上代码:
复制代码代码如下: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);}
就一句代码,AIDI的小编收藏的,简单实用,希望能帮到大家。
来源:爱蒂网