Css3什么数字代表灰色

html-css029

Css3什么数字代表灰色,第1张

最高明度(接近白色)

#ffffff白最高明度

#cccccc 　 浅灰色

#c0c0c0 　 浅灰色

中明度

#999999 中灰色

#808080 　 中灰色

#666666 　 暗灰色

#333333 　 暗灰色

最低明度（接近黑色）

#000000黑

希望采纳，谢谢

如何设置网页全部灰色显示

爱刷s0147 | 浏览 109 次

我有更好的答案

发布于2013-11-08 22:36最佳答案

<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: 12pxmargin: 0pxcoclor: #000background: #fff

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

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

下面是最大限度兼容所有浏览器的代码：

html{

    -webkit-filter:grayscale(100%)

    -moz-filter:grayscale(100%)

    -ms-filter:grayscale(100%)

    -o-filter:grayscale(100%)

    filter:grayscale(100%)

    filter:url("data:image/svg+xmlutf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale")

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

}