全国哀悼日，网站变黑白完美兼容IE，亲测有效

最新推荐文章于 2022-12-05 14:04:00 发布

啊哈，上帝哦

最新推荐文章于 2022-12-05 14:04:00 发布

阅读量2.4k

点赞数 3

分类专栏：网站变黑白文章标签： css css3 html

本文链接：https://blog.csdn.net/qq_43292127/article/details/105306433

版权

网站变黑白专栏收录该内容

1 篇文章 0 订阅

订阅专栏

首先在你的页面头部<head></head> 里面加入如下代码，不加的话IE11就嗝屁了：

<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE9,chrome=1" />

然后在css文件里加入如下代码：

body{-webkit-filter: grayscale(100%);}
html{
    -webkit-filter:grayscale(100%);
    -moz-filter:grayscale(100%);
    -ms-filter:grayscale(100%);
    -o-filter:grayscale(100%);
    filter:grayscale(100%);
    filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1)
}
*{
    -moz-filter: grayscale(100%); 
    -ms-filter: grayscale(100%); 
    -o-filter: grayscale(100%); 
    filter: gray;
}

亲测有效，此方法是群里一位大佬分享出来的，感谢大佬。
愿逝者安息，生者奋发！

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

啊哈，上帝哦

关注关注

3
点赞
踩
9

收藏

觉得还不错? 一键收藏
1
评论
全国哀悼日，网站变黑白完美兼容IE，亲测有效

首先在你的页面头部<head></head> 里面加入如下代码，不加的话IE11就嗝屁了：<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE9,chrome=1" />然后在css文件里加入如下代码：body{-webkit-filter: grayscale(100%);}html{ ...
复制链接

扫一扫