直接在css中如下加
在你的CSS开始加一句:
代码如下 |
复制代码 |
* {
FILTER: gray
}
.clear {
CLEAR: both
}
BODY {
BACKGROUND-REPEAT: repeat-x
}
|
但上面的只能在ie浏览器中使用 并且flash 还无效
如果需要使网站变灰,在网页上加层滤镜就可以了。
代码如下 |
复制代码 |
html { filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1); }
或者:
html { FILTER: gray }
|
有的时候加上后可能不生效,是因为网站没有使用最新的网页标准协议。
需要在页面里加上:
代码如下 |
复制代码 |
<!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">
|
网站的FLASH动画的颜色不能被CSS滤镜控制,需要在FLASH代码的<object…>和</object>之间加上:
代码如下 |
复制代码 |
<param value="false" name="menu"/>
<param value="opaque" name="wmode"/>
|
兼容主流浏览器的全站变灰CSS代码:
代码如下 |
复制代码 |
html {
-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
-ms-filter: grayscale(100%);
-o-filter: grayscale(100%);
filter:url("data:image/svg+xml;utf8,<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>#grayscalerayscale");
filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1); zoom: 1;
}
|
|