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

ps教程| flash教程| 路由器设置| Jsp教程| 加入收藏

PHP教程 Css教程 操作系统 数据库 安卓下载

首页 游戏下载 软件下载 专题 资讯教程 php教程 asp.net教程 css教程 网页制作 网页特效 手机开发 办公数码
+ -
当前位置：一聚教程网 > css教程 > 高级应用

推荐专题

最新下载

热门教程

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;
}

相关文章

热门栏目

一聚教程网| 关于我们| 联系我们| 广告合作| 友情链接| 版权声明

copyRight@2007-2022 www.111CN.NET AII Right Reserved

网站内容来自网络整理或网友投稿如有侵权行为请邮件:[email protected] 我们24小时内处理