关注联楷|返回首页 | 网站案例 | 帮助中心

合作共赢、快速高效、优质的网站建设提供商

上海网站建设 

服务热线:021-61394118

上海联楷科技

如何让网页变为黑白灰模式?

作者:佚名   时间:2014-06-10   分享到:

近些年里,我国多灾多难。人们对生命更加珍惜,大多数门户网站,新闻媒体对这些灾难也有了新的表达方式。每当遇到国难日、哀悼日等特殊日子,大型网站都会将网页变成黑白灰模式,用以哀悼那些逝去的人们。下面,联楷小编教大家如何让网页变成黑白灰模式。(不支持FLASH动画)
方法一:
html { filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1); } 
上面的代码可以改变网页为黑白灰网络,将代码加到CSS最顶端就可以实现素装。
方法二:
若网站没有使用CSS文件,可以在网页/模板的HTML代码<head>和</head> 之间插入:
<style type="text/css">
html{    filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);}
</style> 
有一些网站可能使用这个css 不能生效,是因为网站没有使用最新的网页标准协议。将网页最头部的<html>替换为以下代码:
<!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"> 
方法三:
有一些网站FLASH动画的颜色不能被CSS滤镜控制,可以在FLASH代码的<object …>和</object>之间插入:
<param value="false" name="menu"/>
<param value="opaque” name="wmode"/> 
方法四:(对页面内FLASH亦生效,小编推荐!)
最简单的把页面变成黑白灰的代码是在head之间(或CSS文件中 选择器为html或body)
<style type="text/css">
html {filter: gray;}
</style> 



如没特殊注明,文章均为上海联楷网络原创,转载请注明来自:http://www.linksj.com/build/20151216/n5005.html

上海联楷网络新闻