网页整体变灰白色(兼容各浏览器)实例


Posted in Javascript onApril 21, 2013
html{ 
filter: grayscale(100%);
-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
-ms-filter: grayscale(100%);
-o-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\'/>
</filter></svg>#grayscale");  filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1); 
-webkit-filter: grayscale(1);
}
Javascript 相关文章推荐
js实现杯子倒水问题自动求解程序
Mar 25 Javascript
jQuery当鼠标悬停时放大图片的效果实例
Jul 03 Javascript
SeaJS入门教程系列之完整示例(三)
Mar 03 Javascript
Javascript基于对象三大特性(封装性、继承性、多态性)
Jan 04 Javascript
深入解析JavaScript框架Backbone.js中的事件机制
Feb 14 Javascript
使用BootStrap和Metroui设计的metro风格微网站或手机app界面
Oct 21 Javascript
实例讲解DataTables固定表格宽度(设置横向滚动条)
Jul 11 Javascript
JavaScript使用Ajax上传文件的示例代码
Aug 10 Javascript
AngularJS实现controller控制器间共享数据的方法示例
Oct 30 Javascript
webpack公共组件引用路径简化小技巧
Jun 15 Javascript
解决vue跨域axios异步通信问题
Apr 17 Javascript
Koa从零搭建到Api实现项目的搭建方法
Jul 30 Javascript
文字不间断滚动(上下左右)实例代码
Apr 21 #Javascript
JavaScript对象和字串之间的转换实例探讨
Apr 21 #Javascript
jquery获取自定义属性(attr和prop)实例介绍
Apr 21 #Javascript
js和jquery对dom节点的操作(创建/追加)
Apr 21 #Javascript
jquery获取焦点和失去焦点事件代码
Apr 21 #Javascript
jQuery获取注册信息并提示实现代码
Apr 21 #Javascript
jQuery隔行变色与普通JS写法的对比
Apr 21 #Javascript
You might like
Breeze 文章管理系统 v1.0.0正式发布
2006/12/14 PHP
codeigniter教程之上传视频并使用ffmpeg转flv示例
2014/02/13 PHP
PHP编程中尝试程序并发的几种方式总结
2016/03/21 PHP
tp5.1 框架数据库高级查询技巧实例总结
2020/05/25 PHP
PHP实现简单的计算器
2020/08/28 PHP
为Yahoo! UI Extensions Grid增加内置的可编辑器
2007/03/10 Javascript
非常漂亮的JS代码经典广告
2007/10/21 Javascript
jquery的index方法实现tab效果
2011/02/16 Javascript
jsTree 基于JQuery的排序节点 Bug
2011/07/26 Javascript
DB.ASP 用Javascript写ASP很灵活很好用很easy
2011/07/31 Javascript
ie下动态加态js文件的方法
2011/09/13 Javascript
jquery动画4.升级版遮罩效果的图片走廊--带自动运行效果
2012/08/24 Javascript
JavaScript实现的浮动层框架用法实例分析
2015/10/10 Javascript
基于JS实现bookstore静态页面的实例代码
2017/02/22 Javascript
前端图片懒加载(lazyload)的实现方法(提高用户体验)
2017/08/21 Javascript
详解vue-router 路由元信息
2017/09/13 Javascript
js阻止默认右键的下拉菜单方法
2018/01/02 Javascript
node和vue实现商城用户地址模块
2018/12/05 Javascript
在Create React App中启用Sass和Less的方法示例
2019/01/16 Javascript
bootstrap中的导航条实例代码详解
2019/05/20 Javascript
详解JS函数防抖
2020/06/05 Javascript
Python常用算法学习基础教程
2017/04/13 Python
Python3.5文件修改操作实例分析
2019/05/01 Python
python实现最大子序和(分治+动态规划)
2019/07/05 Python
解决Python设置函数调用超时,进程卡住的问题
2019/08/08 Python
Django xadmin安装及使用详解
2020/10/26 Python
Html5 APP中监听返回事件处理的方法示例
2018/03/15 HTML / CSS
Dockers鞋官网:Dockers Shoes
2018/11/13 全球购物
意大利消费电子产品购物网站:SLG Store
2019/12/26 全球购物
学生自我评价范文
2014/02/02 职场文书
实习单位评语
2014/04/26 职场文书
超市开店计划书
2014/04/26 职场文书
关于青春的演讲稿
2014/05/05 职场文书
乡镇爱国卫生月活动总结
2014/06/25 职场文书
党员民主评议个人总结
2014/10/20 职场文书
转学证明范本
2015/06/19 职场文书