相信各位网站开发者,都会遇到在一些特殊时期,需要将网站设置特殊颜色,本次介绍的是,如何将网站整站页面设置为灰色。
一开始在网上搜索以及和后端同事沟通解决方案,得到一些答案,设置一个灰色的蒙层,但这样做存在弊端,设置蒙层后,页面上的按钮以及超链接a标签,都无法进行操作。
和前端同事沟通后,得到最佳解决结果,仅需要设置全局样式即可。
具体样式如下:
html {
filter: grayscale(100%);
filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
}
使用以上代码即可实现将网站设置为灰色。
推荐使用的在线小工具:爱工具
推荐文案:你说的永远,不过是永不可能得到的长远。