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 弹性布局快速入门
Jun 06 HTML / CSS
CSS3自定义滚动条样式 ::webkit-scrollbar的示例代码详解
Jun 01 HTML / CSS
使用HTML5捕捉音频与视频信息概述及实例
Aug 22 HTML / CSS
如何开发一款堪比APP的微信小程序(腾讯内部团队分享)
Dec 22 HTML / CSS
html5 Canvas画图教程(1)—画图的基本常识
Jan 09 HTML / CSS
HTML5页面直接调用百度地图API获取当前位置直接导航目的地的实现代码
Mar 02 HTML / CSS
微信html5页面调用第三方位置导航的示例
Mar 14 HTML / CSS
H5页面适配iPhoneX(就是那么简单)
Dec 02 HTML / CSS
HTML实现代码雨源码及效果示例
Feb 25 HTML / CSS
css3带你实现3D转换效果
Feb 24 HTML / CSS
如何用H5实现好玩的2048小游戏
Jul 23 HTML / CSS
详解CSS3浏览器兼容
Dec 24 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
Yii2中datetime类的使用
2016/12/17 PHP
PHP查询分页的实现代码
2017/06/09 PHP
浅谈ThinkPHP5.0版本和ThinkPHP3.2版本的区别
2017/06/17 PHP
写了一个layout,拖动条连贯,内容区可为iframe
2007/08/19 Javascript
javascript 一个函数对同一元素的多个事件响应
2009/07/25 Javascript
jQuery中after的两种用法实例
2013/07/03 Javascript
用JavaScript计算在UTF-8下存储字符串占用字节数
2013/08/08 Javascript
兼容主流浏览器的JS复制内容到剪贴板
2014/12/12 Javascript
jQuery中:text选择器用法实例
2015/01/03 Javascript
jquery.map()方法的使用详解
2015/07/09 Javascript
JS 通过系统时间限定动态添加 select option的实例代码
2016/06/09 Javascript
jQuery页面元素动态添加后绑定事件丢失方法,非 live
2016/06/16 Javascript
探究JavaScript中的五种事件处理程序方式
2016/12/07 Javascript
关于javascript事件响应的基础语法总结(必看篇)
2016/12/26 Javascript
nodejs对express中next函数的一些理解
2017/09/08 NodeJs
js操作二进制数据方法
2018/03/03 Javascript
微信小程序实现获取小程序码和二维码java接口开发
2019/03/29 Javascript
Websocket 向指定用户发消息的方法
2020/01/09 Javascript
原生JS实现萤火虫效果
2020/03/07 Javascript
让python的Cookie.py模块支持冒号做key的方法
2010/12/28 Python
python基于windows平台锁定键盘输入的方法
2015/03/05 Python
完美解决安装完tensorflow后pip无法使用的问题
2018/06/11 Python
Python实现的json文件读取及中文乱码显示问题解决方法
2018/08/06 Python
Python列表操作方法详解
2020/02/09 Python
python GUI库图形界面开发之PyQt5菜单栏控件QMenuBar的详细使用方法与实例
2020/02/28 Python
Keras实现将两个模型连接到一起
2020/05/23 Python
Python可以用来做什么
2020/11/23 Python
python向xls写入数据(包括合并,边框,对齐,列宽)
2021/02/02 Python
伦敦高级内衣品牌:Agent Provocateur(大内密探)
2016/08/23 全球购物
阿提哈德航空官方网站:Etihad Airways
2017/01/06 全球购物
世界各地的旅游、观光和活动:Isango!
2019/10/29 全球购物
兰蔻俄罗斯官方网站:Lancome俄罗斯
2019/12/09 全球购物
更夫岗位责任制
2014/02/11 职场文书
纪念九一八事变演讲稿1000字
2014/09/14 职场文书
2014企业年终工作总结
2014/12/23 职场文书
如何解决php-fpm启动不了问题
2021/11/17 PHP