zsx's Old Blog

黑历史逐步隐藏中_(:з」∠)_仅保留部分可能有些价值的文章,并不保证将来的可访问性。

网站变灰(全浏览器通杀代码)

首先是万能的WebKit:

-webkit-filter: grayscale(100%);

其次是IE(IE10下可能挂,原因未知)

-ms-filter: grayscale(100%);
-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(grayscale=1)";
filter: gray;
filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
zoom:1;

然后是SVG(能把狐狸[即Firefox]卡死,支持IE10,虽然我也没成功)

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");

除去卡死人的SVG以外(Opera连SVG都不支持!),Firefox和Opera无法用纯CSS实现网站变灰(至少目前如此).所以需要借助JavaScript帮忙了:

JS原作:http://james.padolsey.com/javascript/grayscaling-in-non-ie-browsers/   这里给出的JS已经在Z-Blog应用中心部署.

document.write('<script type="text/javascript" src="http://app.rainbowsoft.org/zb_users/plugin/GraySite/GraySite.js"></script>');$(document).ready(function(){grayscale($('html'));});

加入以上JS就可以了.不过大部分情况下,JS的效果并不是太好.

另外Z-Blog用户直接下载http://app.rainbowsoft.org/view.asp?id=181  就可以了.

控制面板
您好,欢迎到访网站!
  查看权限
Google Adsense
文章归档
站点信息
  • 文章总数:259
  • 页面总数:10
  • 分类总数:17
  • 标签总数:136
  • 评论总数:1644
  • 浏览总数:216659

Powered By Z-BlogPHP 1.5.1 Zero

闽ICP备15006942号   闽公网安备 35010302000147号