网站变灰代码兼容火狐浏览器

分享一段网站变灰代码,悼念雅安地震遇难同胞。之前找了一些代码在火狐下无效,于是百度谷歌一起上,终于被我找到了支持火狐、谷歌等浏览器的把网页变黑白代码:

  1. /* 网站变灰代码 */  
  2.   
  3. 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> 之间插入下面这段代码:

  1. <!– 头部插入网站变灰代码 –>   
  2.   
  3. <style>   
  4.   
  5. 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);}   
  6.   
  7. </style>  

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

原创文章,作者:wwh,如若转载,请注明出处:https://www.wuwenhui.cn/2581.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2013-04-23 08:36
下一篇 2013-04-25 08:35

相关推荐

  • 企业网站如何优化获得流量

    企业网站建设一般都需要很好的搜索引擎排名,但是获得排名并不是那么容易,怎么才能保持排名靠前并且获得流量,长期坚持以下几点就可以了. 一、三大标签 网站是做什么的?打算把那些词做到百…

    2013-01-24
    8.0K7
  • 如何寻找合适的友情链接

    不管是新站还是老站,一直都离不开友情链接的建设。友情链接并不一定能给你带来多少直接流量,但它能够把页面的权重传递给链接的网站页面,同时能吸引搜索引擎抓取链接网站的数据,让搜索引擎更…

    2013-03-26
    7.7K6

发表回复

登录后才能评论

评论列表(4条)

  • 77680
    77680 2013-05-27 20:09

    之前一直在找代码,不过没找到,先收藏了! :razz:

  • 逍遥乐
    逍遥乐 2013-06-19 12:23

    不错!确实很给力!收藏了

  • 北京武警
    北京武警 2013-06-24 13:30

    过来帮你踩踩吧,哼哼

联系我们

在线咨询:点击这里给我发消息

站长邮箱:admin@wuwenhui.cn
工作时间:周一至周五,8:30-17:30,节假日休息

微信
本站支持QQ一键注册登录,所有资源下载均在文章底部~