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


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 相关文章推荐
如何让div span等元素能响应键盘事件操作指南
Nov 13 Javascript
node.js中的fs.utimes方法使用说明
Dec 15 Javascript
浅谈Jquery核心函数
Jun 18 Javascript
详解JavaScript函数
Dec 01 Javascript
Dojo获取下拉框的文本和值实例代码
May 27 Javascript
Javascript计算二维数组重复值示例代码
Dec 18 Javascript
BootStrap CSS全局样式和表格样式源码解析
Jan 20 Javascript
vue2.0实战之使用vue-cli搭建项目(2)
Mar 27 Javascript
利用express启动一个server服务的方法
Sep 17 Javascript
Three.js如何用轨迹球插件(trackball)增加对模型的交互功能详解
Sep 25 Javascript
Vue Router去掉url中默认的锚点#
Aug 01 Javascript
如何使JavaScript休眠或等待
Apr 27 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
用PHP读取flv文件的播放时间长度
2009/09/03 PHP
Apache服务器下防止图片盗链的办法
2015/07/06 PHP
[原创]ThinkPHP让../Public在模板不解析(直接输出)的方法
2015/10/09 PHP
浅析PHP7新功能及语法变化总结
2016/06/17 PHP
详解thinkphp实现excel数据的导入导出(附完整案例)
2016/12/29 PHP
PHP迭代器和迭代的实现与使用方法分析
2018/04/19 PHP
PHP扩展类型及安装方式解析
2020/04/27 PHP
prototype 1.5 &amp; scriptaculous 1.6.1 学习笔记
2006/09/07 Javascript
jquery之empty()与remove()区别说明
2010/09/10 Javascript
jquery click([data],fn)使用方法实例介绍
2013/07/08 Javascript
jquery选择器-根据多个属性选择示例代码
2013/10/21 Javascript
angularJS提交表单(form)
2015/02/09 Javascript
详解JavaScript中的every()方法
2015/06/08 Javascript
利用jQuery及AJAX技术定时更新GridView的某一列数据
2015/12/04 Javascript
jQuery div拖拽用法实例
2016/01/14 Javascript
在javascript中创建对象的各种模式解析
2016/05/16 Javascript
AngularJS ng-bind-template 指令详解
2016/07/30 Javascript
纯javaScript、jQuery实现个性化图片轮播【推荐】
2017/01/08 Javascript
JSON对象转化为字符串详解
2017/08/11 Javascript
JS实现放烟花效果
2020/03/10 Javascript
JS实现iframe中子父页面跨域通讯的方法分析
2020/03/10 Javascript
JavaScript实现移动端带transition动画的轮播效果
2020/03/24 Javascript
vue 页面回退mounted函数不执行的解决方案
2020/07/26 Javascript
Python-copy()与deepcopy()区别详解
2019/07/12 Python
Django Aggregation聚合使用方法解析
2019/08/01 Python
Python中的list与tuple集合区别解析
2019/10/12 Python
Python+Selenium+phantomjs实现网页模拟登录和截图功能(windows环境)
2019/12/11 Python
python 实现PIL模块在图片画线写字
2020/05/16 Python
使用phonegap进行本地存储的实现方法
2017/03/31 HTML / CSS
国际性能运动服装品牌:Dare 2b
2018/07/27 全球购物
GetYourGuide台湾:预订旅游活动、景点和旅游项目
2019/06/10 全球购物
如何高效率的查找一个月以内的数据
2012/04/15 面试题
九年级科学教学反思
2014/01/29 职场文书
优秀学生干部先进事迹材料
2014/05/26 职场文书
公司开业的祝贺语大全(60条)
2019/07/05 职场文书
Python-OpenCV实现图像缺陷检测的实例
2021/06/11 Python