CSS网页变灰

也无风雨丶

于 2020-04-06 11:21:48 发布

阅读量351

点赞数

CC 4.0 BY-SA版权

分类专栏： CSS 文章标签： css

本文链接：https://blog.youkuaiyun.com/foradmin/article/details/105340033

CSS 专栏收录该内容

12 篇文章

订阅专栏

IE7, 8, 9

body {
    filter: gray;
}

IE10, 11

由于grayscale.js会使页面渲染速度变慢，而且会在IE低版本下无效，所以要判断浏览器版本，给IE10, 11单独使用。

<script src="http://james.padolsey.com/demos/grayscale/grayscale.js" type="text/javascript"></script>
<script>
    window.onload = function() {
        grayscale(document.body);
    }
</script>

chrome, firefox

-webkit-filter:grayscale(100%);