网站变灰的两种方法

web前端 5026 0 8年前


每当国家发生重大灾害或悼念活动时,为了缅怀在灾害中遇难的同胞,各大网站纷纷将页面变为灰色,以示哀悼;向腾讯、新浪、雅虎等门户网站也变成了灰色,下面我来为大家介绍两种网站变灰的方法:

方法一、用最快速的方法将网站变为灰色(仅支持IE)

在首页引用的CSS文件中加入如下代码:
*{filter:gray; color:gray;}

方法二、在CSS文件中加入如下代码:
 html { filter:gray;}
 html{filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);}
<style type="text/css">
html,body,p,div,form{ filter:gray;color:gray; }
</style>

相比而言,方法二优越于方法一,适用position: relative;属性,放至CSS文件的第一行即可。