开发者社区> 技术小甜> 正文

网站变为黑白的CSS代码——哀悼四川大地震中遇难同胞

简介:
+关注继续查看




为表达全国各族人民对四川汶川大地震遇难同胞的深切哀悼,国务院决定,200851921日为全国哀悼日。在此期间,全国和各驻外机构下半旗志 哀,停止公共娱乐活动,外交部和我国驻外使领馆设立吊唁簿。5191428分起,全国人民默哀3分钟,届时汽车、火车、舰船鸣笛,防空警报鸣响。

 
各大网站为了表达哀思,纷纷将首页变为黑白色。朋友们询问如何快速达到这种效果,现将我了解到的几种方法与大家共享:
 
最简洁的把页面变成灰色的代码是在head 之间加
<style type="text/css">
html {
    FILTER: gray
}
</style>
 
 
以下为全站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"/>
 




















本文转自小废物51CTO博客,原文链接: http://blog.51cto.com/xiaofw/77761,如需转载请自行联系原作者

版权声明:本文内容由阿里云实名注册用户自发贡献,版权归原作者所有,阿里云开发者社区不拥有其著作权,亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容,填写侵权投诉表单进行举报,一经查实,本社区将立刻删除涉嫌侵权内容。

相关文章
ie和firefox中通用的设置div最小高度和达到这一最小高度后自适应的css代码
在ie和firefox中通用的设置div最小高度和达到这一最小高度后自适应的css代码: 让Div自适应是一个比较常见的需求,可是这种需求在ie下是默认的,但在firefox下就不是默认的了,因为这两者的内容实现不是一样的,所以常常是满足这个浏览器,另一个浏览器又不满足了! 给需要自适...
621 0
使用 BEM 来模块化你的 CSS 代码
本文讲的是使用 BEM 来模块化你的 CSS 代码,如果你对 BEM 不熟悉,它是通过一种严格方式来将 CSS 类划分成独立构成要素的一种命名方法。它表示为 Block Element Modifier,一个常见的 BEM 看起来就像这样:
1172 0
CssStats – 分析和优化网站 CSS 代码的利器
  CssStats 是一个在线的 CSS 代码分析工具,你只需要输入网址或者直接 CSS 地址即可进行 CSS 代码的全方位分析,是前端开发人员和网页设计师分析网站 CSS 代码的利器,可以统计出 CSS 代码里的规则数量、字体颜色、字体大小、背景颜色数等等。
890 0
阿里云服务器端口号设置
阿里云服务器初级使用者可能面临的问题之一. 使用tomcat或者其他服务器软件设置端口号后,比如 一些不是默认的, mysql的 3306, mssql的1433,有时候打不开网页, 原因是没有在ecs安全组去设置这个端口号. 解决: 点击ecs下网络和安全下的安全组 在弹出的安全组中,如果没有就新建安全组,然后点击配置规则 最后如上图点击添加...或快速创建.   have fun!  将编程看作是一门艺术,而不单单是个技术。
20714 0
网页标准化:CSS代码缩写精简实例
一些CSS属性允许使用一串值代替许多属性,值使用空格分开。   margin,pdding和border-width允许合并margin-top-width, margin-right-width, margin-bottom-width等等,形式像这样:property:top right bottom left;逆时针顺序。
699 0
CSS Beautify – 方便的在线 CSS 代码美化工具
  格式混乱的 CSS 代码可读性和可维护性都很差,这时候就需要进行代码美化。前端编码工具都有代码美化插件,在编写的时候就可以美化,而对于已有的代码如果想快速美化则还可以借助这款在线工具——CSS Beautify。
899 0
[译] 再谈 CSS 中的代码味道
本文讲的是[译] 再谈 CSS 中的代码味道,回到 2012 年,我写了一篇关于潜在 CSS 反模式的文章 CSS中的代码味道。回看那篇文章,尽管四年过去了,我依然认同里面的全部内容,但是我有一些新的东西加到列表中。
805 0
CSS颜色代码大全
  FFFFFF #DDDDDD #AAAAAA #888888 #666666 #444444 #000000 #FFB7DD #FF88C2 #FF44AA  #FF0088  #C10066  #A20055  #8C0044  #FFCCCC ...
700 0
+关注
10140
文章
0
问答
文章排行榜
最热
最新
相关电子书
更多
JS零基础入门教程(上册)
立即下载
性能优化方法论
立即下载
手把手学习日志服务SLS,云启实验室实战指南
立即下载