CSS全站变灰兼容IE7、8/Chrome/Firefox/Safari
为悼念4.20四川雅安芦山7.0大地震,特推出兼容IE7、8/Chrome/Firefox/Safari全站变灰的CSS代码,希望对各位中大型站长有帮助。
特别说明一下:
1、css代码可以独立成*.css文件里,并用link标签放在
2、也可以用放在
与中间3、木有用javascript来实现。如果用javascript可能造成页面渲染性能急剧下降,影响体验
4、本css代码不能完全兼容IE6,IE9,IE10
5、如果希望对Firefox达到兼容,请先下载需要用到的desaturate.svg文件并放置在于css文件同目录里,并然后配置服务器MIME类型增加。如下
扩展名:.svg
Mime类型:image/svg+xml
css代码
html {filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1); -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%); filter: url(desaturate.svg#greyscale); filter: gray;}
备注:如果您的服务器没有对svg类型支持,请删除上面css代码中的
filter: url(desaturate.svg#greyscale);
版权申明
本文系作者 @ninja911 原创发布在NinJa911 Blog站点。未经许可,禁止转载。
暂无评论数据