项目场景：

为了悼念XXX重要人物，需要将网站首页设置为黑白灰色。

解决方案：

CSS修改样式便可：

body {/* 丧版样式 */-webkit-filter: grayscale(100%);-moz-filter: grayscale(100%);-ms-filter: grayscale(100%);-o-filter: grayscale(100%);filter: grayscale(100%);filter: gray;
}

效果如下：

更多方法可以参考下文：
沉痛悼念！网站快速变黑白灰色的4种方法

为了悼念XXX，前端网站首页设置为黑白灰色的方法相关推荐

全国默哀网站首页都要变成灰色的简单解决办法
今天全国默哀网站首页都要变成灰色给大家一个简单的解决办法在首页的body中加上 style="FILTER: alphaopacity=80 gray" 大家也可以在自己的b ...
把网站首页设置成黑白色
以最沉重的心情悼念20080512在四川汶川大地震中遇害的同胞! 最简洁的把页面变成灰色的代码是在head 之间加<style type="text/css">html ...
Web前端-网站首页和注册界面的实现
首页用到的知识如下: 1.bootstrap框架 2.jQuerry实现页面定时弹出广告注册界面用到的知识: 1.bootstrap框架 2.jQuerry实现省市联动操作 3.jQuerry实现表 ...
前端网站开发页面重定向的几种方法
html重定向就是通过各种的方法将各种网络请求重新定个方向转到其它位置. 在网站建设中,时常会遇到需要网页重定向的情况:像网站调整,如改变网页目录结构,网页被移到一个新地址,再或者,网页扩展名改变,如 ...
html怎么让图片变灰色,利用CSS设置图片黑白/灰色效果，同时适用于整站变灰
写页面的时候由于页面风格原因,可能需要图片变灰色,如果用图片处理软件的话可能会比较麻烦,而且会增加图片的数量,不利于资源的合理利用. 下面提供两种方法: 1.使用CSS的 filter: gray; ...
哀悼日整个网站变成灰色的方法
在全国哀悼日,网站需要设置成黑白的,其实一点都不麻烦,只需在 .css 文件中body里面加下面两行行代码就可以: body { filter:progid:DXImageTransform.Micr ...
html5文字颜色怎么设置,html5如何设置文字颜色灰色
html5设置文字颜色灰色的方法:使用属性[text-shadow]向文本设置阴影,语法为[object.style.textShadow="2px 2px #ff0000"]. ...
前端flv.js设置缓冲时间和大小_不可不知的 WEB 前端网站优化 —— 雅虎 34 条军规...
不可不知的 WEB 前端网站优化 -- 雅虎 34 条军规不得不说现在依然适用于大部分的网站当年雅虎推荐了一套优化网站加载速度的34条法则(包括Yslow规则22条),以下是详细说明. 1. Mi ...
前端——用div画菜鸟网站首页导航条“小三角”
今天学到一个新的知识点--用div来画"三角". 之前本帅博主写过一篇<前端--菜鸟网站横向CSS导航条菜单:带小三角形>,里面也有介绍如何制作小三角形,不过它是用的现 ...

为了悼念XXX，前端网站首页设置为黑白灰色的方法

项目场景：

解决方案：

为了悼念XXX，前端网站首页设置为黑白灰色的方法相关推荐

最新文章

热门文章