首页 > web前端 > 网站变灰的两种方法

网站变灰的两种方法

2011-02-22 toyean web前端 0人评论 4060人浏览


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

方法一、用最快速的方法将网站变为灰色(仅支持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文件的第一行即可。

打赏
标签:CSS 网页设计 img

发表评论

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。

拓源网官方微信
关注拓源网微博
476590949
09:00 - 18:00
拓源网QQ群: 491920017
客服邮箱: