全国哀悼日，让网站全站变成灰色的CSS代码

在CSS文件里添加如下代码即可：

<style>
body *{
-webkit-filter: grayscale(100%); /* webkit */
-moz-filter: grayscale(100%); /*firefox*/
-ms-filter: grayscale(100%); /*ie9*/
-o-filter: grayscale(100%); /*opera*/
filter: grayscale(100%);
filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
filter:gray; /*ie9- */
}
</style>

原理：通过CSS的滤镜来控制页面的显示

全国哀悼日，让网站全站变成灰色的CSS代码相关推荐

网站颜色变黑白的CSS代码,Chrome、火狐、IE
放到CSS代码底部,兼容性应该不错 /* 网站黑白代码 */ html{ filter: grayscale(100%); -webkit-filter: grayscale(100%); -moz- ...
国家哀悼日将网站全部变成灰色的代码
html { filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1); } PS:这个只是一个CSS里面的滤镜的使用,在FF, ...
使整个网站变黑白(灰色)的特效代码
使用方法: 最简单的把页面变成灰色的代码是在head 之间加 <style type="text/css"> html { FILTER: gray } </st ...
怎么设置整体背景为灰色html,设置网站图片为灰色以及css添加多张背景图实现...
Document //添加多张背景图片 .bg{ background: url("栈出.png"), url("u=264976548,648399195&fm ...
下面整理了几种让网页变灰色的CSS代码，供各位站长参考！
方法1:支持IE <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://ww ...
哀悼日整个网站变成灰色的方法
在全国哀悼日,网站需要设置成黑白的,其实一点都不麻烦,只需在 .css 文件中body里面加下面两行行代码就可以: body { filter:progid:DXImageTransform.Micr ...
html谷歌兼容代码,让网站变灰的css代码（支持IE、Firefox和Chrome）
四川雅安芦山发生7.0级别大地震,不少网站首页已经变成了灰色表示哀悼.下面笔者整理了几种让网页变灰色的CSS代码,供各位站长参考! 方法1:支持IE html{filter:progid:DXImag ...
[css] 当全国哀悼日时，怎么让整个网站变成灰色呢？
[css] 当全国哀悼日时,怎么让整个网站变成灰色呢? body{-webkit-filter: grayscale(1);filter: grayscale(1); }/* OR */body{-w ...
网站变黑灰色|全国哀悼日
今天是玉树地震全国哀悼日,我没也行动起来,在这里默默哀悼, 使你的站点,博客变成黑灰色吧. 只要把下面这段代买加到css文件里就可以是整个站点被黑灰色.(不过在 FF里面不起作用,这就不 ...
哀悼日网站全站变灰代码
一般在清明节,全国哀悼日,大地震的日子,以及一些影响力很大的伟人逝世或纪念日的时候,身为站长的我们都会让自己的网站的全部网页变成灰色(黑白色),以表示我们对逝者的悼念. 那么今天就说说,通过几行简单的 ...

全国哀悼日，让网站全站变成灰色的CSS代码

全国哀悼日，让网站全站变成灰色的CSS代码相关推荐

最新文章

热门文章