新闻§资讯NEWS

如何设置网页全部灰色显示雅安地震哀悼?

作者:深圳网站建设 来源:万广互联 浏览数:5294 发布时间:2013-4-21 11:09:51

中国地震台网正式测定:04月20日08时02分在四川省雅安市芦山县(北纬30.3度,东经103.0度)发生7.0级地震,震源深度13千米最近很多哀悼日,把彩色的网站变成黑白的,以哀悼在地震中遇难的同胞们,怎么做到的呢设置网页全部灰色显示的方法有很多种,接下来深圳网站建设小编就一一介绍给大家,大家可以选择使用。

方法一:在网站的主页中直接加入以下JAVA脚本:

<script language=JavaScript>
document.body.style.filter = "progid:DXImageTransform.Microsoft.BasicImage(GrayScale=1)";
</script>

方法二:把网页变成灰色显示的最简单的代码是在head之间加入如下代码:

<style type="text/css">
html {FILTER: gray;}
</style>

方法三:把网页变成灰色显示的另外一种方法是在head之间加入如下代码:

<style type="text/css">
<!--
BODY {filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);}
-->
</style>

方法四:如果你的网站已经有CSS文件,那么只需要加入如下代码即可:

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

方法五:我比较推荐这种做法,在CSS文件中加入如下代码即可:

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

方法六:如果网站的CSS中已有BODY{},那么直接加入如下代码即可:

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

比如:

BODY {font-size: 12px; margin: 0px; coclor: #000; background: #fff;
filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);}

在运用以上方法进行网页更改的时候,可能会遇到以下的问题,具体的解决方法仅供参考:

问题一:对于个别网站使用方法六可能不能生效,原因很简单:你的网站没有使用最新的网页标准协议。把网站的网页最头部的<html>代码替换为如下代码即可:

本文作者:万广互联

本文地址:http://www.wang0214.com/news/597.html

版权所有 转载时必须以连接形式注明作者和原始出处

已有0条评论,点击发表评论最新评论

发表评论

验证码: 点击切换验证码 看不清楚?
深圳品牌网站建设咨询热线:15013631202
150 1363 1202
158 1685 8308
深圳网站制作公司