如果用传统的方法将网站变成黑白色非常的麻烦,需要更换页面的文件,并且要对图片进行更改。如果你的网站是用CSS的话,那就很简单了,只要是符合w3标准的网页,在CSS文件的最前面加上一行代码就可以了,这段代码使用的是CSS滤镜,将网页中的色彩部分过滤掉。

html { filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1); }//不换行

其它方法整理:

方法一是:
在你的网站页面上<head></head>之间加上下面这段代码:

<style type="text/css">
body {filter:gray}
</style>

方法二是:
在你的网站页面上<head></head>之间加上下面这段代码:

<style>
html{filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);}
</style>

方法三是:
找到你的网站CSS文件,把下面的代码放到网站的css文件头部中(此为教育网采用的方法)

body{
        filter:gray;
}

方法四是:
找到你的网站CSS文件,把下面的代码放到网站的css文件头部中

html { filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1); }

方法五是:
找到你的CSS文件然后修改css代码文件。在以下的文件当中
form,div,span,img,ul,ol,li, {
加入filter: Gray;

有一些网站FLASH动画的颜色不能被CSS滤镜控制,可以在FLASH代码的<object …>和</object>之间插入:
复制内容到剪贴板
代码:
<param ="false" name="menu"/>
<param ="opaque" name="wmode"/>

为方便站点哀悼,特提供素装代码,以表哀悼。以下为全站CSS代码。


html { filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1); }

使用方法:这段代码可以变网页为黑白,将代码加到CSS最顶端就可以实现素装。如果网站没有使用CSS,可以在网页/模板的HTML代码<head>和</head> 之间插入:

<style>
html{filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);}
</style>

有一些站长的网站可能使用这个css 不能生效,是因为网站没有使用最新的网页标准协议

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

请将网页最头部的<html>替换为以上代码。

有一些网站FLASH动画的颜色不能被CSS滤镜控制,可以在FLASH代码的<object …>和</object>之间插入:

<param value="false" name="menu"/>
<param value="opaque" name="wmode"/>

最简单的把页面变成灰色的代码是在head 之间加<style type="text/css">

html {
FILTER: gray
}
</style>

还有一种最简单的把页面变成灰色的代码是在body之中加入style="filter:gray"

<body style="filter:gray">
一般的discuz论坛在 你的控制css 文件下修改/images/header/header.css 这个文件
原文:http://www.cnblogs.com/godwar/archive/2010/04/21/1717512.html

转载于:https://www.cnblogs.com/pfs1314/archive/2010/04/28/1722980.html

网站变灰色(默哀专用)(转)相关推荐

  1. html 图片灰色,网站变灰色兼容代码 包括图片 支持所有浏览器

    一般在全国哀悼日,大地震的日子,清明节,我们都会让自己的网站全站灰色,以表示对逝者的悼念.那么下面分享几种方法 1.直接body中加入代码即可 实现这种效果很简单,只需要一句css代码:filter: ...

  2. 老板:你也把咱们网站弄成灰色——网站变灰色如何实现

    从昨天下午开始,我们打开各种网站后都是灰色的,我们讲解一下如何用技术手段使网页变灰色. //分析:我们网站的元素大多数都是img标签和其他文字行标签,文字我们直接使用color:#ccc就可以更改,图 ...

  3. 怎么让网站变灰色,我们该怎么做?

    全国哀悼日,我们会让网站全站灰色,以表示对逝者的悼念. 腾讯网的做法: <style> body *{ -webkit-filter: grayscale(100%); /* webkit ...

  4. 4月4日网站变灰色的效果是怎么实现的?

    4月4日时,很多网站包括主页和内容(包括图片.按钮等)也都已经变成了灰色.当天我打开的csdn.人人视频都全部变为了灰色. 我当时第一想法是难道把这些图片都换了一遍吗???但是成本未免太高,且可能会有 ...

  5. CSS | 探究网站变灰色的那些知识盲区的知识碎片

    文章目录 前言 探寻日记 - 翻翻别人家 探寻日记 - 官网看看真是个啥 探寻日记 - 实践 篇后语 参考资料 愿山河依旧,网站.App 从此再无灰色.黑色情况!!! 前言 梦中清醒,哦,又是一个阳光 ...

  6. 全国哀悼日,怎么让网站变灰色???

    今天(2020年4月4日),全国和驻外使领馆下半旗志哀,全国停止公共娱乐活动,深切悼念新冠肺炎疫情牺牲烈士和逝世同胞.从北京到海南,从长江岸边到黄浦江畔,从渤海之滨的津沽之地到西部边陲的红其拉甫,国旗 ...

  7. html的filter兼容性,网站黑白效果网站变灰色(兼容IE和主流浏览器)JS+CSS网站整站变黑白效果-css的 filter属性(Chrome内核)...

    最新文章 https: open weixin qq com 有这个的账号,给客户开通微信小程序不需要认证费直... https: open weixin qq com 有这个的账号,给客户开通微信小 ...

  8. 网站指定日期变灰色JS代码

    悼日网站变灰 这个代码可以指定日期网站变灰色页面,网站调用JS代码文件就可以实现或者在后台放置代码块. 代码展示 /* 哀悼日网站变灰 */ if(aidaori()){$("html&qu ...

  9. 怎么把php网站变灰,让自己的网站的全部网页变成灰色(黑白色)

    让自己的网站的全部网页变成灰色(黑白色) 第一种:修改CSS文件 我们可以在网页的CSS文件中添加以下的CSS代码,来实现网页黑白色,也就是网站变灰 CSS代码 html { filter: prog ...

最新文章

  1. 转 docker的下载与安装
  2. 移动互联网和Android给你带来的机会[轉]
  3. C语言之字符串探究(十):递归逆置字符串
  4. 货物贸易外汇监测系统 企业版_企业能耗在线监测系统介绍
  5. spring java 定时任务_spring定时任务的几种实现方式
  6. wsus3.0手工卸载和安装
  7. win10电脑桌面透明便签_win10桌面透明悬浮便签怎么常驻桌面
  8. SACD ISO提取DSF文件及添加封面
  9. 数据库导出的excel文本变为科学计数法
  10. PhotoBulk for Mac(图像批量添加水印工具)
  11. 办公人员必须会的15种求和技巧
  12. Seaweeds配置部署
  13. word2003流程图变成图片_怎样将word文档的部分内容(流程图)制作成图片 详细始末...
  14. 万字详解 阿里面试真题:请你说说索引的原理
  15. 数据增强:YoloV4当中的Mosaic数据增强方法
  16. 小学就会背的乘法表,还藏着这么多秘密?
  17. 在Sublime Text 2中将默认语法设置为不同的文件类型
  18. dns服务器未响应wifi用不上,为你解答dns服务器未响应导致无法上网怎么办
  19. 苏州大学计算机专业2018年复试上机真题
  20. PCIe链路训练link training

热门文章

  1. 开发和常用工具推荐清单,有些工具是必备噢。
  2. 通讯录管理系统(cpp)
  3. JavaEE之Spring框架(Spring IOC)的使用
  4. mysql转义字符_MySQL 转义字符使用说明
  5. 内容的标记(分类/标签)
  6. URL Scheme的作用?能拿来做什么?
  7. (二)目标检测之 HOG+SVM 算法
  8. 通过腾讯云的文字识别进行图文转换【java】
  9. android11 文件读写 访问 android/data 目录
  10. 在html如何将链接隐藏,网页查看隐藏链接的方法和检测工具(附:网站链接隐藏的方法)...