网站变灰代码

投稿作者：筱楠网络 围观人数：622 所属分类：网络技术

为了响应国家号召在特殊的日期哀悼一些特殊的人或事件，在全国哀悼日，在一些对国家影响力很大的伟人逝世或纪念日的时候，身为站长的我们都会网站全部网页变灰色，以表示我们对逝者或事件的哀悼。那么今天就说说，通过什么样的方式和代码，来实现这个效果呢？下面我们就简单的来说下。

第一种：修改CSS文件

我们在网页的CSS文件中添加以下的CSS代码，来实现网页黑白色

CSS代码 



    
	
	
  1. 
		html {
	
    2. 

	
  2. 
		filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
	
    3. 

	
  3. 
		-webkit-filter: grayscale(100%);
	
    4.

}

第二种：在网页的标签内加入以下代码
代码 



    
	
	
  1. 
		<style type="text/css"> 
	
    2. 

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

	
  3. 
		</style> 
	
    4. 

	
  4. 
		
	
    5.

第三种：修改标签加入内联样式 



    
	
	
  1. 
		<html style="filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1); 
	
    2. 

	
  2. 
		-webkit-filter: grayscale(100%);"> 
	
    3. 

	
  3. 
		
	
    4.

第四种：修改CSS代码 



    
	
	
  1. 
		body *{
	
    2. 

	
  2. 
		-webkit-filter: grayscale(100%); /* webkit */ 
	
    3. 

	
  3. 
		-moz-filter: grayscale(100%); /*firefox*/ 
	
    4. 

	
  4. 
		-ms-filter: grayscale(100%); /*ie9*/ 
	
    5. 

	
  5. 
		-o-filter: grayscale(100%); /*opera*/ 
	
    6. 

	
  6. 
		filter: grayscale(100%);
	
    7. 

	
  7. 
		filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
	
    8. 

	
  8. 
		filter:gray; /*ie9- */ 
	
    9. 

	
  9. 
		}
	
    10. 

	
  10. 
		
	
    11.
展开全文
表白墙

免责声明

本站提供的一切软件、教程和内容信息仅限用于学习和研究目的；不得将上述内容用于商业或者非法用途，否则，一切后果请用户自负。本站信息来自网络收集整理，版权争议与本站无关。您必须在下载后的24个小时之内，从您的电脑或手机中彻底删除上述内容。如果您喜欢该程序和内容，请支持正版，购买注册，得到更好的正版服务。我们非常重视版权问题，如有侵权请邮件与我们联系处理。敬请谅解！

已有次赞
我要评论 0条评论，0条回复
签到 顶 踩 图片评论介绍
请先登录后再评论
作者信息

筱楠网络

如遇文章有任何问题或投稿作者存在欺诈行为请联系站长删除文章
积分 会员等级 围观人数
12 普通会员 622
联系作者 信息报错
最新评论
为您推荐
热门标签

登录您的账号

注册账号 找回密码