品牌互联网化服务 专注于网站建设与SEO优化的合理结合
咨询:13072437278
2022-11-30

哀悼日:网页变灰色CSS代码,网站变灰的方法,兼容火狐,360,chrome等浏览器

类型:网站建设
  • 阅读量:4236
  • 来源:聚艺科技
    你当前位置: 首页 > 新闻动态 > 网站建设

    网站变灰的方法大全(兼容ie,火狐,360,chrome)


    每逢全国哀悼日,不少网站首页已经变成了灰色表示哀悼。下面整理了几种让网页变灰色的CSS代码,供各位客户参考!


    方法1:通用方法 支持IE和Chrome

    html{    -webkit-filter: grayscale(100%); /* Chrome, Safari, Opera */    filter: grayscale(100%);    }


    方法2:支持IE

    html{filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);}

    说明:此方法支持IE,不支持Firefox和Chrome等非IE内核浏览器。


    方法3:支持IE

    body {filter:gray}说明:此方法支持IE,不支持Firefox和Chrome等非IE内核浏览器。

    提示:虽然这个方法代码量最小,但是效果却不好,而且网页也比较卡。


    方法4:同时支持IE和Chrome

    html {overflow-y:scroll;filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);-webkit-filter: grayscale(100%);}说明:此方法支持IE浏览器、Safari和Chrome等浏览器,但是不支持Firefox浏览器。


    以上方法均可达到使网站变灰色的效果。

    来源声明:本文章系聚艺科技编辑原创或采编整理,如需转载请注明来自聚艺科技。以上内容部分(包含图片、文字)来源于网络,出于传递更多信息之目的。如有标注错误或侵权,请作者持权属证明与本网联系,我们将及时更正、删除,谢谢。
    标签:
    沈阳聚艺网络提供沈阳网站建设,沈阳网站制作,沈阳网络营销,沈阳网络推广,沈阳网站优化,沈阳小程序开发,沈阳托管运维等多种服务! Copyright © 2030 沈阳市聚艺网络科技技术有限公司. All Rights Reserved 备案号:辽ICP备19003083号-1

    在线咨询

    微信咨询

    电话咨询

    24小时电话
    13072437278

    联系我们

    返回顶部