当前位置：文章首页 >> 网站设计 >> html&css >> 一句代码快速将网站换成黑白风格
一句代码快速将网站换成黑白风格
2008-05-22 10:43:40  作者：  来源：互联网  文字大小：【大】【中】【小】
  • 　　2008年5月12日下午14点28分，四川汶川县发生7.8级大地震。轰动全球。给我们带来了巨大悲痛。为祖国带来了巨大损失。这让我们十分伤痛与难过。为了方便各位站长朋友致哀。将快速转换网站为黑白风格的方法在此介绍 ...
2008年5月12日下午14点28分，四川汶川县发生7.8级大地震。轰动全球。给我们带来了巨大悲痛。为祖国带来了巨大损失。这让我们十分伤痛与难过。为了方便各位站长朋友致哀。将快速转换网站为黑白风格的方法在此介绍一下。
不过，有点缺憾。不支持除IE以外的浏览器。另外。运行此滤镜后。速度比较慢。。。
首先，对于使用CSS样式的朋友（应该说，大部分网站都是使用的CSS+DIV吧）。方法如下：
把这段加到全站CSS里：
html { filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1); }
如果使用DVBBS（论坛）：
修改你论坛的skins/default.css 在开头加上如下代码：
html { filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1); }
如果网站CSS代码里已经有html{原有标签内容} 那么 将上面代码加到 html{标签内容} 里，
变成 html{原有标签内容 filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1); }
如果网站CSS代码里没有html{原有标签内容} 而有 body {原有标签内容}
那么，将上面代码加到 body {标签内容} 里，
变成 body{原有标签内容 filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1); }
都可以实现效果。
如果网站没有使用CSS，可以在网页/模板的HTML代码<head>和</head> 之间插入：
<style>
html{filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);}
</style>
有一些网站可能使用这个css 不能生效，是因为网站没有使用最新的网页标准协议
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
请将网页最头部的<html>替换为以上代码。
FLASH动画的颜色不能被CSS滤镜控制，可以在FLASH代码的<object …>和</object>之间插入：
<param value="false" name="menu"/>
<param value="opaque" name="wmode"/>
最简单的把页面变成灰色的代码是在head 之间加
<style type="text/css">
html {
FILTER: gray
}
</style>
建议各位朋友动起来。为在地震中遇难的同胞表示沉痛哀悼！！！
相关文章

  •  ©  2006-2008 www.qq08.net 业务联系 广告刊登 QQ：517165800统计

  • 皖ICP备07000033号