长沙web前端培训课程：最快的速度让网页变灰

千锋长沙 05-20 236

前言：

当前我们对“html颜色变化而变化”都比较关切，小伙伴们都想要剖析一些“html颜色变化而变化”的相关文章。那么小编在网摘上网罗了一些对于“html颜色变化而变化””的相关内容，希望小伙伴们能喜欢，姐妹们快快来了解一下吧！

傍晚，前端程序员阿锋刚刚回到家，经理便打来电话说道：我们的网站首页要调整成黑白色，辛苦加个班实现一下吧！很多时候总会遇到一些突发事件需要网站首页均呈灰色。那要如何让网页变灰呢？

阿锋首先想到：图片方面的内容只要换一个图片就好，其他的就是靠控制 css 来进行改变。但是一个网站有很多个css, 那么多的元素都有自己的颜色,整体变灰的工作量大，效率低。所以要有简便快捷的方法。

方案1sass / less 等 css预编译语言来解决再用这些 css预编译语言来开发的时候, 一般会根据主色调来定义一些颜色变量$globalColor: gray;

$globalBtnColor: gray;

// ...

当修改变量的时候, 就会导致整个网站的主色调改变颜色但是，因为 sass / less 都是开发阶段使用的内容一旦修改, 就需要从新编译打包成新的文件进行服务器部署，会相对比较麻烦而且一些细节的地方可能会遗漏掉 (比如没有用全局变量的地方)方案二为了简单一些, 快速一些操作，而且过段时间还要变回来，所以可以采取滤镜的方式一个非常简单的 css 代码filter: progid: DXImageTransform.Microsoft.BasicImage(grayscale=1);