网站页面变成灰色

最新推荐文章于 2025-12-26 15:15:00 发布

原创最新推荐文章于 2025-12-26 15:15:00 发布 · 132 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#css #前端 #css3

文章介绍了通过在HTML根元素应用CSS滤镜属性grayscale，实现网页全屏灰度效果的方法，包括对不同浏览器的支持，如-webkit-filter,-moz-filter等以及IE的滤镜特效progid:DXImageTransform.Microsoft.BasicImage(grayscale=1)。

标题网站页面变成灰色

添加到页面根节点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);