css给网页添加 黑白滤镜
2015-07-28 12:22
597 查看
<style type="text/css">
/*给网页添加 黑白滤镜*/
html{
/*兼容FF*/
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\'/></filter></svg>#grayscale");
/*兼容IE内核*/
filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
/*兼容其它,谷歌之类的*/
-webkit-filter: grayscale(1);
}
</style>
/*给网页添加 黑白滤镜*/
html{
/*兼容FF*/
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\'/></filter></svg>#grayscale");
/*兼容IE内核*/
filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
/*兼容其它,谷歌之类的*/
-webkit-filter: grayscale(1);
}
</style>
相关文章推荐
- css div重叠 CSS让DIV层叠 两个DIV或多个DIV顺序重叠加
- DIV+CSS网页设计常用布局代码
- 常用css样式处理
- CSS3自定义滚动条样式 -webkit-scrollbar
- [技巧心得] 高效整洁CSS代码原则
- css display 总结
- CSS中background-position的使用
- CSS实现文字自动换行
- html的三种样式定义方式:外部样式表;内部样式表;内联样式表
- CSS强制英文、中文换行与不换行 强制英文换行
- css居中总结
- CSS3实现动态背景登录框的代码
- CSS - Span 下的width设置不可用?
- CSS - display:inline-block 相邻元素间有4px的空白间距
- sass 和 scss
- 当前栏目添加样式
- qss样式
- CSS十大应对技巧
- 讨论CSS中的各类居中方式
- CSS3实现动态背景登录框的代码