有时在特殊情况下需要将网站的整体颜色变成灰色的,如果一行行的更改css代码工作量太大,有没有一个简单的方法或者一行代码就能控制整个网站的输出颜色呢?
把下面代码加到网页/模板的HTML代码的<head>和</head>之间:
<style>
html{filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);}
</style>
需要注意的是这个网站变灰代码不兼容Firefox。
有一些站长的网站可能使用这个代码不起作用,这是因为网站没有使用网页标准协议,即网页的第一行缺少<!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“>这行代码。加上就行了。还有一些网站是用FLASH做的动画,也不能被CSS滤镜控制,解决的方法是可以在FLASH代码的<object …>和</object>之间插入:<param value=”false” name=”menu”/><param value=”opaque” name=”wmode”/>
最简单的把页面变成灰色的代码是在head 之间加<style type=”text/css”>html { FILTER: gray}</style>