网站变灰代码 兼容火狐浏览器的网页变灰代码让网页变黑白

阿里云双十一活动

云服务器低至86元/年

立刻拼团

声明:本站文章多为楚狂人原创,偶尔网络转载部分内容,如有侵权请联系我们!

分享一段网站变灰代码,悼念雅安地震遇难同胞。雅安地震后我就想把网页变黑白色,可是原来收藏的的网页变灰代码只支持IE,在火狐下无效,于是百度谷歌一起上,终于被我找到了支持火狐、谷歌等浏览器的把网页变黑白代码:

/* 网站变灰代码 */

html{   filter: grayscale(100%);    -webkit-filter: grayscale(100%);    -moz-filter: grayscale(100%);   -ms-filter: grayscale(100%);    -o-filter: grayscale(100%); 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");  filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);   -webkit-filter: grayscale(1);}

将这段代码加入你网站的style.css中,到前台刷新一下,网页变灰色了吧,包括网站的广告、图片等整个网页变黑白了,网上流传的网页变灰代码大多都支持IE核心的浏览器,对火狐、谷歌等支持不好,加入原来的网站变灰代码,在火狐下还是彩色的,我找到的这段网页变灰代码完美兼容火狐、谷歌等浏览器。

如果您的网站没有使用CSS控制,可以在可以在网页/模板的HTML代码<head>和</head> 之间插入下面这段代码:

<!-- 头部插入网站变灰代码 -->

<style>

html{   filter: grayscale(100%);    -webkit-filter: grayscale(100%);    -moz-filter: grayscale(100%);   -ms-filter: grayscale(100%);    -o-filter: grayscale(100%); 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");  filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);   -webkit-filter: grayscale(1);}

</style>

不过这段加到html中的网页变灰代码我没有测试,按道理讲应该可以,况且现在不用CSS的网站也不多了吧。

 

 

自从2013年4月20日,四川雅安发生了7级地震,看着网上不断增加的伤亡数字,我的心情十分沉重,政府和多家公益组织已经展开了积极的灾区救援工作,很多网友也积极为灾区人民捐款捐物,大家有捐款愿望的可以通过支付宝和壹基金的捐款页面为灾区人民奉献一份爱心,为了安全,捐款网址我就不公布了,大家可以百度搜索一下。有网站的兄弟可以加上这段网站变灰代码,让我们一起为灾区人民祈福,雅安加油!

网站变灰代码和祈福蜡烛图片PSD文件打包下载: [url href="http://pan.baidu.com/share/link?shareid=453902&uk=4028178367"]下载地址[/url]

刚在优酷看到一段视频,一辆志愿者运送物资的车辆被落石砸中,两名志愿者受伤,其中一位女志愿者不幸身亡,雅安,真是让人心痛。愿这次灾难早点过去,愿好人一生平安!

 

转载请注明:作者:楚狂人, 转载或复制请以 超链接形式 并注明出处 楚狂人博客
原文地址:《网站变灰代码 兼容火狐浏览器的网页变灰代码让网页变黑白》 发布于2013-04-21

分享到:
赞(0) 打赏

评论 6

5 + 1 =
  1. #3

    赞一个

    车轮5年前 (2015-04-27)回复
  2. #2

    不错,已用。 为雅安祈福!

    那座城7年前 (2013-04-27)回复
  3. #1

    恩,你说我的不支持火狐,我改下我的O(∩_∩)O~~

    正仔7年前 (2013-04-24)回复
网站变灰代码 兼容火狐浏览器的网页变灰代码让网页变黑白

长按图片转发给朋友

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏

每天拆双十一超级红包
双十一超级红包 1111

知道创宇云安全
切换登录

注册