首页 > > 网页制作 > css >

一句代码快速将网站换成黑白风格

2008-06-05 05:28:47来源：阅读 ()

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>
建议各位朋友动起来。为在地震中遇难的同胞表示沉痛哀悼！！！

标签：

版权申明：本站文章部分自网络，如有侵权，请联系：west999com@outlook.com
特别注意：本站所有转载文章言论不代表本站观点，本站所提供的摄影照片，插画，设计作品，如需使用，请与原作者联系，版权归原作者所有