网页变成黑白的~

简介:
为表达全国各族人民对四川汶川大地震遇难同胞的深切哀悼,国务院决定,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"/>




本文转自 fsjoy1983 51CTO博客,原文链接:http://blog.51cto.com/fsjoy/77914,如需转载请自行联系原作者
目录
相关文章
Photoshop制作漂亮白色荧光文字图片
Photoshop制作漂亮白色荧光文字图片
68 0
|
关系型数据库 MySQL 应用服务中间件
通过cpolar分享本地电脑上有趣的照片:部署piwigo网页轻松向游友分享照片。
我们可以使用cpolar+piwigo的组合,只需在游戏聊天框粘贴一个网址,就能轻松向游友分享照片。
 通过cpolar分享本地电脑上有趣的照片:部署piwigo网页轻松向游友分享照片。
|
数据安全/隐私保护
五、用PhotoShop去图片的水印 | 微课系列教程
图片,是我们PPT、微课必不可少的素材。在之前的课程中,给大家讲过如何找大图、高清图等,但从网站上找到的一些图片,总是多多少少有一些水印之类的杂物,严重影响我们的使用,今天这一课,就跟着我来一起用Ps去掉图片中你不想要的部分吧!
106 0
Dreamweaver网页色彩的搭配
Dreamweaver网页色彩的搭配
118 0
|
前端开发
HTML网页一键变黑白色调
我们的网站有时可能需要实现全站黑白色调功能(一般常用于悼念日) ,如何快速地实现一键黑白色调效果,我们需要了解 CSS 的 filter(滤镜) 属性
158 0
HTML网页一键变黑白色调
|
前端开发 JavaScript
前端网页的提示气泡特效实现【简单】
写篇水文,关于网页效果的,看了很多框架的提示框后,就自己动手简单写了下,只能说非常的easy啊,好,废话不多说,既然水了,那就快速学习一下,先放上最终的实现效果 🚀
1161 0
前端网页的提示气泡特效实现【简单】
|
前端开发
前端网页让照片动起来
前端网页让照片动起来
128 0
前端网页让照片动起来
还在为黑白网页设计犯难?12款设计帮你轻松解决!!!
网页设计,色彩已成为设计师们提升页面视觉效果和吸引力的重要手段。而且,现今,随着互联网技术的日益发展进步,色彩的巧妙应用,也不再仅仅停留于能够给人以强烈视觉冲击的五彩斑斓。
2337 0
|
Web App开发 前端开发