23
2013-04

如何让网页都变成灰白色?

       发生某些重大事故的时候,我们去一些有名的网站,都会看到他们的网站全部整体都变成了灰白色,这是怎么做到呢?其实很简单,我们只需要在自己的网站模版的头部或者CSS样式中加入以下样式代码就可以把灰白色的网站页面展示在用户面前。

<style type="text/css">
    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>

除非注明,文章均为史亚永原创,欢迎转载!转载请注明本文地址,谢谢。

本文地址:http://www.shiyayong.cn/post/173.html

评论列表:

6  沫小熙iBlog  2013-5-9 22:42:36 回复该留言  IP:124.117.47.169
SVG是一种标记语言,用于描述二维图形的应用程序和图像,以及相关的图形脚本接口一组。 SVG 1.1是W3C推荐的是最新版本的完整的规范,SVG 1.1第二版,其中包括澄清小的改进,根据开发者的反馈,目前在最后调用 SVG微小的1.2是W3C的建议,并针对移动设备。
  茶馆老板  2013-5-10 20:09:08 回复该留言  IP:117.79.232.148
你最近在研究SVG?你做技术啊
茶馆老板
沫小熙iBlog
5  沫小熙iBlog  2013-5-9 19:38:47 回复该留言  IP:124.117.228.2
还不错!我用的不是这个
  茶馆老板  2013-5-9 22:38:40 回复该留言  IP:117.79.232.148
你用的是什么啊?可以给body一个整体的样式
  沫小熙iBlog  2013-5-9 22:40:45 回复该留言  IP:124.117.47.169
第一和你的一样,还有一个!
  茶馆老板  2013-5-10 20:07:42 回复该留言  IP:117.79.232.148
这样啊
茶馆老板
沫小熙iBlog
茶馆老板
沫小熙iBlog
4  nhzy健康资讯  2013-4-24 23:27:56 回复该留言  IP:182.91.126.154
我的也搞成了灰色
  茶馆老板  2013-4-25 20:44:23 回复该留言  IP:117.79.232.202
没有啊,我看到你的还是那个颜色啊
茶馆老板
nhzy健康资讯
3  无名智者  2013-4-23 22:37:39 回复该留言  IP:171.116.176.252
这样会严重破坏用户体验的
  茶馆老板  2013-4-24 22:09:39 回复该留言  IP:117.79.232.253
不是啊,这就是为了悼念某些重大事故啊
茶馆老板
无名智者
2  Leniy  2013-4-23 12:52:07 回复该留言  IP:60.211.191.214
我这儿提示:
This page contains the following errors:

error on line 1 at column 11: AttValue: " or ' expected
Below is a rendering of the page up to the first error.
  茶馆老板  2013-4-24 22:08:36 回复该留言  IP:117.79.232.253
是访问我的网站的时候提示的错误吗?
茶馆老板
Leniy
1  Leniy  2013-4-23 12:48:46 回复该留言  IP:60.211.191.214
svg有意思
  茶馆老板  2013-4-24 22:07:54 回复该留言  IP:117.79.232.253
什么SVG啊?
  Leniy  2013-4-25 14:44:16 回复该留言  IP:60.211.191.214
你自己写的代码用了SVG啊
  茶馆老板  2013-4-25 21:10:36 回复该留言  IP:117.79.232.202
没有啊,我没有用啊,我测试了一下
  Leniy  2013-4-26 7:54:27 回复该留言  IP:60.211.191.214
那么你这段css是怎么写出来的?
  茶馆老板  2013-4-26 21:07:18 回复该留言  IP:117.79.232.202
这个是我的一个学长写的,我就拿来用啦
茶馆老板
Leniy
茶馆老板
Leniy
茶馆老板
Leniy

发表评论:

(设置个性头像)

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。

无觅相关文章插件,快速提升流量