找回密码
 立即注册

QQ登录

只需一步,快速开始

查看: 4184|回复: 1

[网站] 怎样能简单的把自己的网站颜色全部变灰,为灾区默哀。

[复制链接]
Seven 发表于 2009-4-20 13:45:30 | 显示全部楼层 |阅读模式
如果让整个页面都变黑白
自己加到css样式里
  1. body{filter:Gray;}
复制代码

如果光让图片变黑白
  1. img{filter:Gray;}
复制代码

如果只让指定图片比如logo灰色
现在css里建个样式如
  1. .huise{filter:Gray;}
复制代码

然后给图片或表格指定该样式
  1. <img src=logo.gif class="huise">
复制代码

或把要灰色的不用用 <div class="huise"></div>包括起来

方法二:
  1. html { filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1); }
复制代码


这段代码可以变网页为黑白,将代码加到CSS最顶端就可以实现素装。

如果网站没有使用CSS,可以在网页/模板的HTML代码<head>和</head> 之间插入:
  1. <style>
  2. html{filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);}
  3. </style>
复制代码


有一些站长的网站可能使用这个css 不能生效,是因为网站没有使用最新的网页标准协议

  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "<a href="http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" "="" target="_blank">http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"></a>
  2. <html xmlns="<a href="http://www.w3.org/1999/xhtml" "="" target="_blank">http://www.w3.org/1999/xhtml"></a>
复制代码

请将网页最头部的<html>替换为以上代码。

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

最简单的把页面变成灰色的代码是在head 之间加
  1. <style type="text/css">
  2. html {
  3. FILTER: gray
  4. }
  5. </style>
复制代码

一般的discuz论坛在 你的控制css 文件下修改/images/header/header.css 这个文件。
 楼主| Seven 发表于 2009-4-20 13:51:02 | 显示全部楼层
第一:

最快速度把自己网站变灰,只支持IE~
在CSS文件或style中加入
  1. *{filter:gray; color:gray;}
复制代码

第二:

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

这个比 filter:gray; 好,可解决与 position: relative; 的冲突,加在 css 第一行即可

===========================================================================

有部分朋友看不太懂上面的内容,现在这里详细说一下,另增加FLASH变灰的代码:
方法一:
  1. html {
  2.     filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
  3. }
复制代码
上面的代码可以改变网页为黑白灰网络。

方法二:
若网站没有使用CSS文件,可以在网页/模板的HTML代码<head>和</head> 之间插入:
  1. <style type=”text/css”>
  2. html{
  3.     filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
  4. }
  5. </style>
复制代码
---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
有一些站长的网站可能使用这个css 不能生效,是因为网站没有使用最新的网页标准协议。将网页最头部的<html>替换为以下代码:

  1. <!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “<a href="http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" target="_blank">http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd</a>”>
  2. <html xmlns=”<a href="http://www.w3.org/1999/xhtml" target="_blank">http://www.w3.org/1999/xhtml</a>”>
复制代码

---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------

方法三:

有一些网站FLASH动画的颜色不能被CSS滤镜控制,可以在FLASH代码的<object …>和</object>之间插入:
  1. <param value=”false” name=”menu”/>
  2. <param value=”opaque” name=”wmode”/>
复制代码

方法四:

最简单的把页面变成黑白灰的代码是在head之间:(或CSS文件中 选择器为html或body)

  1. <style type=”text/css”>
  2. html {
  3.     filter: gray;
  4. }
  5. </style>
复制代码

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

快速回复 返回顶部 返回列表