非IE浏览器下让界面变灰色
今天哀悼日,大家先默哀一分钟~~~~
按照惯例,网页都得变灰色,IE下可以用下面的CSS解决:
1 | html { filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale= 1 ); } |
但是非IE浏览器无效,群里有个朋友发了个网址,是E文的,上面写着如何在非IE浏览器下页面变灰色,是用JS来解决的,网址如下:http://james.padolsey.com/javascript/grayscaling-in-non-ie-browsers/
使用如下:
1 | <script src= "js/grayscale.js" type= "text/javascript" ></script> <script type= "text/javascript" > window.onload = function () { grayscale(document.getElementsByTagName( 'html' )); }; </script> |
经自己测试发现,虽然页面是变灰了,不过变灰的反映过程好慢,估计应该是系统资源消耗过大了,还有变灰后有些图片是显示不出来的
上面那个JS代码下载:http://niunan.net/download/grayscale.js
撸码:复制、粘贴,拿起键盘就是“干”!!!
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】凌霞软件回馈社区,博客园 & 1Panel & Halo 联合会员上线
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】博客园社区专享云产品让利特惠,阿里云新客6.5折上折
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步