如何使html页面变灰色

html-css030

如何使html页面变灰色,第1张

为html标签设置样式,可以使用如下CSS代码

<style>

    html, body {

        background: #ccc

        height: 100%

    }

</style>

代码表示的是为html标签、body标签均设置背景颜色,背景颜色为浅灰色

需要注意的是,height: 100%是因为在默认情况下,网页高度是由内容撑开的,也就是你内容有多高,html和body就有多高,此时为了防止内容高度低于整个浏览器可视区域的高度,所以添加了这行代码

<script language=JavaScriptdocument.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: 12pxmargin: 0pxcoclor: #000background: #ffffilter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1)}在运用以上方法进行网页更改的时候,可能会遇到以下的问题,具体的解决方法仅供参考:

1、使用css滤镜代码,以表哀悼。以下为全站CSS代码。 1. *{filter:graycolor:gray} 复制代码 使用方法:这段代码可以变网页为黑白,将代码加到CSS最顶端就可以实现素装。建议全国站长动起来。为在地震中遇难的同胞哀悼。 2、如果网站没有使用CSS,可以在网页/模板的HTML代码<head>和</head>之间插入: 1. <style>2. html{filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1)} 3. </style> 复制代码 3、有一些站长的网站可能使用这个css 不能生效,是因为网站没有使用最新的网页标准协议 1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" " http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">2. <html xmlns=" http://www.w3.org/1999/xhtml">复制代码 请将网页最头部的<html>替换为以上代码。 4、有一些网站FLASH动画的颜色不能被CSS滤镜控制,可以在FLASH代码的<object …>和</object>之间插入: 1. <param value="false" name="menu"/>2. <param value="opaque" name="wmode"/> 复制代码 5、最简单的把页面变成灰色的代码是在head 之间加 1. <style type="text/css">2. html { 3. FILTER: gray 4. } 5. </style> 复制代码 6、一般的discuz论坛在你的控制css 文件下修改 CSS文件在论坛bbs/templates/您用的风格文件夹里的css_common.htm 其他方法同上