服务器与VPS
促销优惠信息

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

分享一段网站变灰代码,悼念雅安地震遇难同胞。雅安地震后我就想把网页变黑白色,可是原来收藏的的网页变灰代码只支持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]

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

 

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

相关推荐

  • 暂无文章

评论 6

  • (必填)
  • (必填)
  1. #0

    赞一个

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

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

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

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

    正仔11年前 (2013-04-24)回复

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

非常感谢你的打赏,我们将继续给力更多优质内容,让我们一起创建更加美好的网络世界!

支付宝扫一扫打赏

微信扫一扫打赏