CSS3教程

当前位置: HTML5技术网 > CSS3教程 > 让网站变灰的css代码(支持IE、Firefox和Chrome)

让网站变灰的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后端支持

4. 站在HTML5技术最前端的Chrome实验

5. 15个程序员需要知道的Chrome扩展

6. Chrome18引入GPU加速 支持SVG与CSS

7. srcset属性获chrome 34支持,大赞!

8. 基于Android支持HTML5 Firefox OS曝光

9. Chrome实验网站:各种新奇事物让你爱不释手

10. Adobe证实新版chrome只支持HTML5技术

本文来源:https://www.51html5.com/a948.html

点击展开全部

﹝让网站变灰的css代码(支持IE、Firefox和Chrome)﹞相关内容

「让网站变灰的css代码(支持IE、Firefox和Chrome)」相关专题

其它栏目

也许您还喜欢