css3使网页、图片变成灰色兼容大多数浏览器


Posted in HTML / CSS onJuly 02, 2014

在网页头部引用下面内容即可,针对 IE、google、火狐、safari、opera 都有效

复制代码
代码如下:

html{filter:grayscale(100%);
-webkit-filter:grayscale(100%);
-moz-filter:grayscale(100%);
-ms-filter:grayscale(100%);
-o-filter:grayscale(100%);
filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
-webkit-filter:grayscale(1)}
HTML / CSS 相关文章推荐
详解CSS3开启硬件加速的使用和坑
Aug 21 HTML / CSS
通过css3动画和opacity透明度实现呼吸灯效果
Aug 09 HTML / CSS
css3 自定义字体font-face使用介绍
May 14 HTML / CSS
非常震撼的纯CSS3人物行走动画
Feb 24 HTML / CSS
CSS3中Transition动画属性用法详解
Jul 04 HTML / CSS
CSS3模拟IOS滑动开关效果
Sep 28 HTML / CSS
从一次项目重构说起CSS3自定义变量在项目的使用方法
Mar 01 HTML / CSS
HTML5 canvas基本绘图之绘制阴影效果
Jun 27 HTML / CSS
HTML5 Canvas画线技巧——实现绘制一个像素宽的细线
Aug 02 HTML / CSS
详解h5页面在不同ios设备上的问题总结
Mar 01 HTML / CSS
CSS实现单选折叠菜单功能
Nov 01 HTML / CSS
如何用H5实现好玩的2048小游戏
Jul 23 HTML / CSS
CSS3实现超慢速移动动画效果非常流畅无卡顿
Jun 15 #HTML / CSS
基于CSS3的CSS 多栏(Multi-column)实现瀑布流源码分享
Jun 11 #HTML / CSS
纯CSS3实现滚动的齿轮动画效果
Jun 05 #HTML / CSS
浅析几个CSS3常用功能的写法
Jun 05 #HTML / CSS
CSS3中利用animation属性创建雪花飘落特效
May 14 #HTML / CSS
CSS3感应鼠标的背景闪烁和图片缩放动画效果
May 14 #HTML / CSS
css3 自定义字体font-face使用介绍
May 14 #HTML / CSS
You might like
PHP中将网页导出为Word文档的代码
2012/05/25 PHP
PHP5权威编程阅读学习笔记 附电子书下载
2012/07/05 PHP
使用php判断网页是否gzip压缩
2013/06/25 PHP
Thinkphp5框架简单实现钩子(Hook)行为的方法示例
2019/09/03 PHP
理解Javascript_05_原型继承原理
2010/10/13 Javascript
JavaScript中清空数组的三种方法分享
2011/04/07 Javascript
基于jquery的点击链接插入链接内容的代码
2012/07/31 Javascript
TextArea设置MaxLength属性最大输入值的js代码
2012/12/21 Javascript
js浮点数保留两位小数点示例代码(四舍五入)
2013/12/26 Javascript
javascript闭包传参和事件的循环绑定示例探讨
2014/04/17 Javascript
JS中setTimeout的巧妙用法前端函数节流
2016/03/24 Javascript
原生js实现简单的链式操作
2017/07/04 Javascript
Node.js 使用流实现读写同步边读边写功能
2017/09/11 Javascript
微信小程序搭建自己的Https服务器
2019/05/02 Javascript
原生js实现随机点餐效果
2019/12/10 Javascript
解决vue watch数据的方法被调用了两次的问题
2020/11/07 Javascript
vue3.0自定义指令(drectives)知识点总结
2020/12/27 Vue.js
[01:39]2014DOTA2国际邀请赛 Newbee经理CU专访队伍火力全开
2014/07/15 DOTA
python基础教程之类class定义使用方法
2014/02/20 Python
python中from module import * 的一个坑
2014/07/20 Python
python中使用iterrows()对dataframe进行遍历的实例
2018/06/09 Python
python进行TCP端口扫描的实现
2018/12/21 Python
python实现的爬取电影下载链接功能示例
2019/08/26 Python
python如何写try语句
2020/07/14 Python
完美解决IE8下不兼容rgba()的问题
2017/03/31 HTML / CSS
介绍一下Linux内核的排队自旋锁
2014/08/27 面试题
毕业生个人求职的自我评价
2013/10/28 职场文书
会计专业自荐信范文
2013/12/02 职场文书
日语专业个人的求职信
2013/12/03 职场文书
行政副总岗位职责
2014/02/23 职场文书
贷款委托书范本
2014/04/08 职场文书
2014年质检工作总结
2014/11/26 职场文书
模范教师材料大全
2014/12/16 职场文书
HR必备:销售经理聘用合同范本
2019/08/21 职场文书
详解JS WebSocket断开原因和心跳机制
2021/05/07 Javascript
一级电子管军用接收机测评
2022/04/05 无线电