网页灰白化
国务院8月14日发布公告,为表达全国各族人民对甘肃舟曲特大山洪泥石流遇难同胞的深切哀悼,决定于2010年8月15日举行全国哀悼活动,这时候各大网站都会灰白化了,刚我登陆农行的网站就已经提前灰白了。下面我教大家怎么搞这个网页灰白化!
在CSS文件的最前面加上一行代码就可以了,这段代码使用的是CSS滤镜,将网页中的色彩部分过滤掉。 主要有这几种方法:
方法一:
复制内容到剪贴板 程序代码
html {
filter:progid:DXImageTranorm.Microsoft.BasicImage(grayscale=1);
}
上面的代码可以改变网页为黑白灰网络,将代码加到CSS最顶端就可以实现素装。
方法二:
若网站没有使用CSS文件,可以在网页/模板的HTML代码<head>和</head> 之间插入:
复制内容到剪贴板 程序代码
<style type=”text/css”>
html{
filter:progid:DXImageTranorm.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”/>
方法四:
最简单的把页面变成黑白灰的代码是在head之间:(或CSS文件中 选择器为html或body)
复制内容到剪贴板 程序代码
<style type=”text/css”>
html {
filter: gray;
}
</style>
其实还有一种方法最简单:
如果是静态网页 直接在<body>标签内加上 style=”filter:gray;” 即<body style=”filter:gray;”>就可以了!
本文转自 盐亭劳动保障网:http://www.zhixiu86.com/bencandy.php?fid-93-id-1344-page-1.htm
本文是我转载的,付上转载地址,证明咱厚道!我这里本身就是灰白色调,就省得麻烦了。
本文固定链接: http://huli.it/2010/08/14/wangyehuibaihua.html | 狐狸博客
网页灰白化:目前有9 条留言
发表评论

之前上网页设计课老师也有教过,不过当时没有认真听课忘记了。
2010-08-15 07:48现在正好弥补咯
2010-08-15 11:39发现这个只对IE内核的浏览器有效,其他如 Chrome、Firefox、Opear 之类的就没效果了
2010-08-15 15:44只对 IE 有效
2010-08-15 22:57IE6目前还是主流
2010-08-15 23:49虽然我挺喜欢Opera和Ff
只能网页标准倒退了,昨天忙活了一天还是没能搞定
2010-08-16 11:22现在所有网站全成黑白的了~
2010-08-16 17:12标记下,有转载的冲动!!
2010-08-18 16:39不是啥特殊日子,网页整成灰白的多不好看啊!
2010-08-30 17:14