网站变成黑白(网站变灰)的设置方法

By | 2011/07/08

很多网站在重大的悼念活动时, 会把页面变成灰色, 就只有黑白两种颜色, 这种效果可以通过下面简单的几种方法做到.

1、CSS风格网站,将下面这段代码添加到网站css文件最顶端。

html { filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1); }

或者:在css文件的body中加入filter:gray:

body {filter:gray}

2、未启用CSS风格网站,在网页或者模板的HTML代码和之间插入以下代码:

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

或者:在HTML的<body>标签加入css代码

在<body>标签中加入style=”filter:gray”:

<BODY style=”filter:gray”>

注:加入这段代码可能会造成网站稍微卡。

WP的话非常简单,只需要把

html { filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1); }

添加到style.css即可,进入WP网站后台—外观—编辑—右边最后一个就是了

2 thoughts on “网站变成黑白(网站变灰)的设置方法

Comments are closed.