如何实现全站网页置灰——filter属性的妙用

2021-03-26 19:26

阅读：524

标签：nsf 网易云音乐 url microsoft 样式 form html bsp values

2020.04.04国家把这天定为全国哀悼日后，你会发现好多网站的网页变灰了！！！

那么具体是怎么实现的呢？

其实只要全局给HTML 或者body添加个样式就可以啦

一、类名添加法，代码如下

.grayColor{
　　
   -webkit-filter: grayscale(100%);
　　-moz-filter:grayscale(100%);
　　-ms-filter:grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
}

把类名添加到html或body上就可以啦

二、行内样式法

网易云音乐采用的是这种方式，下面是他们的代码

#grayscale");
/*兼容IE内核*/
filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
/*兼容其它，谷歌之类的*/
-webkit-filter: grayscale(1);
}

如何实现全站网页置灰——filter属性的妙用

标签：nsf 网易云音乐 url microsoft 样式 form html bsp values

原文地址：https://www.cnblogs.com/xiaqin/p/12636288.html

上一篇：AngularJS select中ngOptions用法详解【转】

下一篇：昨天网站都变灰了，你知道是怎么做的么？

文章来自：搜素材网的编程语言模块，转载请注明文章出处。
文章标题：如何实现全站网页置灰——filter属性的妙用
文章链接：http://soscw.com/index.php/essay/68248.html

亲，登录后才可以留言！

如何实现全站网页置灰——filter属性的妙用

评论

热门文章

推荐文章

最新文章

置顶文章