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

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

  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

发表评论

登录后才能评论

评论列表(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一键注册登录,所有资源下载均在文章底部~