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