给网站套上全局黑白滤镜的简单方法

IceTeacher · 发表于 2020-4-3 23:23:08

有时候为了一些特殊节日或者其他情况，站长们需要将网站变成黑白。

我们可以尝试一下给网站加上一个黑白滤镜，再不更改原内容的情况下，使用户的浏览器页面变成黑白。

我们需要在网页的<head>....</head>标签中插入一段控件

<style> 

    html { 

        -webkit-filter: grayscale(100%); 

        -moz-filter: grayscale(100%); 

        -ms-filter: grayscale(100%); 

        -o-filter: grayscale(100%); 

        filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);  

        _filter:none; 

    } 

</style>

这样浏览器在载入网页时，通过滤镜将网页变成黑白色

当然，同理，您也可以通过改变色值来设计不同颜色的滤镜使网页呈现出不同的颜色。

yle · 发表于 2020-4-10 03:47:05

我就说嘛...为什么那么多网站都有那么好的扩展说变UI颜色就变得

帐号		自动登录	找回密码
密码			立即注册