经常看到一些网站遇到重大灾害事故的时候,选择默哀,会把网站的整体颜色变成黑白灰,这种技术其实并不复杂,仅仅是通过滤镜就可实现,下面我把我常用的方法分享给大家。

在css文件中插入以下代码:

html {
filter:progid:DXImageTransForm.Microsoft.BasicImage(grayscale=1);
-webkit-filter: saturate(0);
} 

保存刷新,你会发现页面瞬间变成了黑白灰基调。当然我们也可以在html文档中直接添加:

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

效果是一样的,通过css滤镜把网页颜色改变。

值得注意的是,如果您的网站中有flash动画的话,它的颜色不会改变,这时您可以在在FLASH代码的<object …>和</object>之间插入:

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

 

posted on 2017-03-03 11:37  零度逍遥  阅读(675)  评论(0编辑  收藏  举报