WEB开发网
开发学院网页设计DivCss 一句代码快速将网站换成黑白风格 阅读

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

 2008-05-20 19:24:30 来源:WEB开发网   
核心提示:2008年5月12日下午14点28分,四川汶川县发生7.8级大地震,一句代码快速将网站换成黑白风格,轰动全球,给我们带来了巨大悲痛,是因为网站没有使用最新的网页标准协议 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
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>
建议各位朋友动起来。为在地震中遇难的同胞表示沉痛哀悼!!!

Tags:代码 快速 网站

编辑录入:爽爽 [复制链接] [打 印]
赞助商链接