码迷,mamicode.com
首页 > 其他好文 > 详细

如何让实现整站变灰色调 (一般用于悼念活动)

时间:2015-08-16 16:33:59      阅读:129      评论:0      收藏:0      [点我收藏+]

标签:

給你网站所有的html标签加上这一段css代码即可,顺序不要弄错了哦

html{filter: grayscale(100%);filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1); -webkit-filter: grayscale(100%);-moz-filter: grayscale(100%);}

那么问题来了,IE 10 和 IE11 是不支持的,这时候怎么办呢,我们需要加入grayscale.js ,百度一下就能下载到了,使用方法如下:

//jquery方法,页面加载完成后再执行,防止图片未加载出来,造成页面变灰失败
$(function() {
   document.onreadystatechange = function() {
       if (document.readyState == "complete") {
          grayscale(document.body));
       }
   }
});

至于win10上面的“斯巴达内核”浏览器,非常抱歉,我家里没有装这个系统,无法测试

如何让实现整站变灰色调 (一般用于悼念活动)

标签:

原文地址:http://www.cnblogs.com/Yashull/p/4734365.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!