一聚教程网:一个值得你收藏的教程网站

热门教程

css 网页变灰色各种方法总结

时间:2022-06-25 11:08:56 编辑:袖梨 来源:一聚教程网

直接在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 }

有的时候加上后可能不生效,是因为网站没有使用最新的网页标准协议。

需要在页面里加上:

 代码如下 复制代码

 

2

网站的FLASH动画的颜色不能被CSS滤镜控制,需要在FLASH代码的和之间加上:

 代码如下 复制代码

 


兼容主流浏览器的全站变灰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,#grayscalerayscale");
    filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1); zoom: 1;
}

热门栏目