网站变灰色兼容代码 包括图片 支持所有浏览器
摘要：直接上代码：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);
}
就一句代码，查字典教程网的小编收藏的，简单实用，希望能帮到大家。
【网站变灰色兼容代码 包括图片 支持所有浏览器】相关文章：
★ CSS布局：图片在DIV中上下左右居中(水平和垂直都居中)
★ 网页菜单详解
★ css让table不显示边框的代码在火狐和谷歌浏览器中无效
上一篇：
CSS凹型导航按钮效果的实现代码
下一篇：
css sprite简单实例