设置

软件中心

万能驱动

好站推荐

网站地图

你的位置: 首页 未分类 阅读文章     灰色显示     正常显示     从天而下     桔色成人

网站变灰变,黑白,代码兼容多个浏览器。

[ 2013-04-27 ] 分类:未分类


2,846
 

 

fenxiang

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

/* 网站变灰代码 */

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的网站也不多了吧。

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

郑重声明:请尊重本站作者的劳动成果,未经允许,请不要复制转载奇云网的页面内容,鄙视各种无耻的采集粘贴行为!本站个别内容来源于网络,版权归原作者所有,奇云网无版权责任!




网站变灰变,黑白,代码兼容多个浏览器。
0 票 [ 贝氏评级 ] 0.00 含金量 0%
各位请注意,目前发现 1 位寻荒者 在附近海域漂移!
  • 不错,支持下!

    此古生物在第 1 座岛屿顺利着落。 [2015-12-6 17:06] 
开辟每一块荒地都是十分艰辛,请各位无论在哪个岛屿生活一定要安份守已。和睦相处。





评论内容 (*必填):
GRAVATAR头像
设置你的头像
(Ctrl + Enter 快速提交)   
立即下载
收起
展开