网页变灰色纯样式代码真正完美兼容各大浏览器

作者: 本站原创发布时间:2014-03-03 浏览: 次

网页变灰色一般针对特别的节日，我们草根站长会把我们的网页变成灰色，下面秀站网可乐介绍一种方法，真正能兼容各大浏览器的网页变灰色的样式代码。

把如下代码加入你的网页样式中即可。

html {
    filter: grayscale(100%);
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: url(desaturate.svg#grayscale);
    filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
    -webkit-filter: grayscale(1);
}