哀悼日网页变灰的方法

ie9以下及谷歌浏览器等可以用以下代码来实现

 <style type="text/css">html{
-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
-ms-filter: grayscale(100%);
-o-filter: grayscale(100%);
filter: grayscale(100%);
filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
}
body{filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);}</style>

IE9以上比较特殊，需要引入“grayscale.js”才行，同时需要进行浏览器判断

 <script type="text/javascript">
window.onload=function(){var navStr = navigator.userAgent.toLowerCase();if(navStr.indexOf("msie 10.0")!==-1||navStr.indexOf("rv:11.0")!==-1){ // 判断是IE10或者IE11grayscale(document.body);
}}
</script>

哀悼日网页变灰的方法相关推荐

让整个网站网页变灰的方法
一般在清明节,全国哀悼日,大地震的日子,以及一些影响力很大的伟人逝世或纪念日的时候,身为站长的我们都会让自己的网站的全部网页变成灰色(黑白色),以表示我们对逝者的悼念.那么今天就说说,通过几行简单的代 ...
哀悼日, 网页变灰的实现
今天看到很多网站网页都变成了黑色, 恰巧今天我也做了一个网页(部分截图) 我就拿这个网页做个实验吧! 只需要在代码<head>和</head> 的style之间插入: html ...
网页变灰的方法，适用于IE
在哀悼日的时候如何让网页变灰? 1.适用于谷歌.火狐.360极速模式的代码 html{ filter: grayscale(100%); -webkit-filter: grayscale(100%) ...
解除网站变灰的方法,阻止网站变灰的方法,remove grayscale from website
起因网站会在一些特定的日子里变灰,但是长时间观看灰色的内容会导致眼睛的损害(bushi ![在这里插入图片描述](https://img-blog.csdnimg.cn/e4dc6667cb4643 ...
使窗口(和 MDI 子窗口)的关闭按钮变灰的方法 - 回复梦想成真
问题来源: http://www.cnblogs.com/del/archive/2008/06/14/1221980.html#1225922 //这样就可以使当前窗口的关闭按钮变灰, 但系统菜单中 ...
解决或者设置网页变灰-CSS-filter属性-哀悼
网页变灰网页恢复 CSS filter filter CSS 属性将模糊或颜色偏移等图形效果应用于元素.滤镜通常用于调整图像,背景和边框的渲染. 官方Demo https://developer.m ...
【2020.04.04缅怀英烈，哀悼英雄】哀悼日网站变灰代码
哀悼日网站变灰代码.昨晚加班把公司的多有网站全变设置完成,缅怀英烈,哀悼英雄.记住你们,因为你们我们变得安全,谢谢你们. 在全站的CSS中写入以下代码: html { filter:progid:DX ...
技术大揭秘：百度、淘宝、QQ那些官网如何就只用一行代码实现网页变灰效果？...
转自进击的Coder,作者崔庆才今天是 2020 年 4 月 4 日,星期六,清明节. 我们的国家经历了非常惨痛的时刻,很多英雄在救助他人的路上倒下,更有很多烈士英雄保卫人民的安危遇难,今天全国下降 ...
php代码显示灰色,哀悼日-实现网页变灰色的方法
哀悼日期间经常需要把网页设置为灰色状态,现总结一下方法以备后用,在网站的CSS文件中的顶部加入如下代码: html{filter:progid:DXImageTransform.Microsoft.B ...

哀悼日网页变灰的方法

哀悼日网页变灰的方法相关推荐

最新文章

热门文章