网站变灰色兼容代码 包括图片 支持所有浏览器
摘要:直接上代码: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实现兼容性的渐变背景(gradient)效果兼容众多浏览器
上一篇:
CSS凹型导航按钮效果的实现代码
下一篇:
css sprite简单实例