手机
当前位置:查字典教程网 >网页设计 > Div+Css教程 >网站变灰色兼容代码 包括图片 支持所有浏览器
网站变灰色兼容代码 包括图片 支持所有浏览器
摘要:直接上代码: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手写导航条没有任何图片附效果图

css代码兼容浏览器技巧总结

网页菜单详解

CSS兼容性问题 && CSS HACK

CSS Hack整理

如何使整个网站网页变成灰色

position:fixed或absolute时百分比参考屏幕宽度

精品推荐
分类导航