让网站变灰的css代码(支持IE、Firefox和Chrome)
四川雅安芦山发生7.0级别大地震,不少网站首页已经变成了灰色表示哀悼。下面笔者整理了几种让网页变灰色的CSS代码,供大家参考!
方法1:支持IE
说明:此方法支持IE,不支持Firefox和Chrome等非IE内核浏览器。
方法2:支持IE
body {filter:gray}
说明:此方法支持IE,不支持Firefox和Chrome等非IE内核浏览器。
提示:虽然这个方法代码量最小,但是效果却不好,而且网页也比较卡。
方法3:同时支持IE和Chrome
说明:此方法支持IE浏览器、Safari和Chrome等浏览器,但是不支持Firefox浏览器。
方法4:使用grayscale.js插件
使用grayscale.js插件。这个插件是模拟IE的filter:progid方,官网地址在:
http://james.padolsey.com/javascript/grayscaling-in-non-ie-browsers/
使用方法:
说明:支持IE、Safari、Chrome、Opera和Firefox等浏览器。
问题:这个在IE下也挺占资源的。
建议:使用方法3,虽然不支持更多的浏览器,但是稳定、速度快,而且资源占用小。
【让网站变灰的css代码(支持IE、Firefox和Chrome)】相关文章
1. 让网站变灰的css代码(支持IE、Firefox和Chrome)
2. 谷歌未来战略:通过HTML5整合Android和Chrome
3. Firefox实现HTML5音视频播放GStreamer后端支持
8. 基于Android支持HTML5 Firefox OS曝光
本文来源:https://www.51html5.com/a948.html
﹝让网站变灰的css代码(支持IE、Firefox和Chrome)﹞相关内容
- 神奇的HTML5:现在Chrome浏览器支持直接通过Gmail打开邮件链接
- 让Chrome的HTML5 video/audio tag支持更多种音视频格式
- IE10不支持WebGL,Chrome的HTML5游戏性能是其22倍
- 谷歌推Chrome API支持HTML5实现本地离线数据存储与同步
- HTML5网页游戏技术 Google Chrome Web Store即将完工
- bMobilized:瞬间让Web网站变HTML5的移动网站
- HTML5云端应用大跃进:Google Android版Chrome
- iOS及Android 4.1版Chrome发布 HTML5得到进一步发展
- 谷歌的抉择:Android消融,Chrome领军HTML5
- 10 款非常棒的CSS代码格式化工具推荐