直接在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; } |
时间: 2024-09-08 09:05:01