首页>>图形网页>>CSS使用滤镜让网站变灰效果兼容各浏览器
CSS使用滤镜让网站变灰效果兼容各浏览器
来源: www.easytd.com 时间: 2015-07-30 15:52:14

CSS可以通过其强大的滤镜效果实现网站各元素实现由彩色向黑白效果转换,然而由于不同浏览器支持不同,所以需要针对各浏览器支持情况,进行兼容。

具体如下:

支持FireFox写法:

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: gray;

支持谷歌浏览器或Safari浏览器的写法:

-webkit-filter: grayscale(100%);

本页地址:http://www.easytd.com/tuxingwangye/d_15073015361.html

网友评论留言

验证码 换一张
上一篇:jQuery mobile折叠菜单的实现方式 下一篇:JQuery获得表单INPUT值的各种方法