当前位置: 代码迷 >> Web前端 >> 网站变灰色代码步骤大集合.默哀专用
  详细解决方案

网站变灰色代码步骤大集合.默哀专用

热度:254   发布时间:2012-11-05 09:35:12.0
网站变灰色代码方法大集合.默哀专用

全国哀悼日,有很多网站界面都变成了黑白色,从而纪念那些在地震中死去的逝者。对于普通的站长来说,对于灾难并不能多做些什么,但可以做到将自己的网站也变成黑白色,从而缅怀那些逝者。
    
    如果用传统的方法将网站变成黑白色非常的麻烦,需要更换页面的文件,并且要对图片进行更改。如果你的网站是用CSS的话,那就很简单了,只要是符合w3标准的网页,在CSS文件的最前面加上一行代码就可以了,这段代码使用的是CSS滤镜,将网页中的色彩部分过滤掉。
  
  html { filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1); }(不换行)
  
    加上代码之后,再次刷新网页就会发现页面已经变成黑白的了。
  
   还没改变的站长,动动手吧。让我们一起来悼念灾区死去的同胞!!!!!
  
   PS:关注灾区,关注志讯!

其它方法整理:

方法一是:
在你的网站页面上
<head></head>
之间加上下面这段代码:

<style type="text/css">
body {filter:gray}
</style>


方法二是:
在你的网站页面上
<head></head>
之间加上下面这段代码:

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

?

方法三是:
找到你的网站CSS文件,把下面的代码放到网站的css文件头部中(此为教育网采用的方法)

body{
??????? filter:gray;
}


方法四是:
找到你的网站CSS文件,把下面的代码放到网站的css文件头部中

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


方法五是:
找到你的CSS文件然后修改css代码文件。在以下的文件当中
form,div,span,img,ul,ol,li, {
加入filter: Gray;

有一些网站FLASH动画的颜色不能被CSS滤镜控制,可以在FLASH代码的<object …>和</object>之间插入:
复制内容到剪贴板
代码:
<param ="false" name="menu"/>
<param ="opaque" name="wmode"/>

  相关解决方案