网页彩色图片全部变灰色(黑白)

今天(2020年4月4日)是全国默哀日，发现部分网站的彩色图片全部变成了灰色(黑白)，本着好奇的态度，查阅了相关的资料，发现还是比较简单的，总的来说是调css样式，可以在css样式文件中加入样式代码或者在网页的<head>标签中加<style>标签并加入样式代码

本人不是很熟悉前端，有点low,所以有说得不对的地方请多多指教

步骤如下：

1 新建一个记事本文件，并编辑如下(注意：IE测试没问题，其它浏览器没有测试过,其它浏览器的可以参考：https://www.cnblogs.com/sosoft/p/3504894.html)：

<html><head><title>网页黑白图</title><style>html{filter: grayscale(100%);-webkit-filter: grayscale(100%);-moz-filter: grayscale(100%);-ms-filter: grayscale(100%);-o-filter: grayscale(100%);filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);filter: gray;-webkit-filter: grayscale(1); }</style></head><body><img src="https://www.baidu.com/img/bd_logo1.png"/><img src="https://www.baidu.com/img/bd_logo1.png"/></body>
</html>

本例子拿了百度logo图片做演示，在网页里面加html样式代码

2 把记事本文件的后缀.txt改为.html，并鼠标双击打开效果如下图：

网页彩色图片全部变灰色(黑白)相关推荐

Python之将彩色图片批量转化为黑白图片
一.前言最近遇到了一个新的情景,需要将彩色图片转化为黑白图片,如果手动地去转化一张一张图片,那就真的太原始,效率太低. 用 Python,只需要几行代码就可以在几秒内转化上千张图片.而且,这个功能的 ...
html页面变成黑白,修改CSS样式实现网页变灰色/黑白代码的几个方法整理
今天上午有网友提到希望将网站整体的色调换成灰色.黑色色调,这个记得在以前纪念一些日子的时候会有用到,早年老蒋在自己的博客中也有使用的.记得那时候直接是修改CSS就可以实现,既然有用户需要,老蒋这里抽点 ...
修改CSS样式实现网页变灰色/黑白代码的几个方法整理
今天上午有网友提到希望将网站整体的色调换成灰色.黑色色调,这个记得在以前纪念一些日子的时候会有用到.记得那时候直接是修改CSS就可以实现,既然有用户需要,这里抽点时间再整理一下看看是否有其他更好的方法 ...
python画黑白线条_基于python的彩色图片转素描和黑白
1.转黑白转黑白代码 2.转素描 from PILimport Image import os # 图像组成:红绿蓝 (RGB)三原色组成亮度(255,255,255) image= &q ...
halcon示例：将彩色图片转换成灰色
程序 dev_clear_window() dev_open_window (0, 0, 512, 512, 'black', WindowHandle) read_image(Image,'C:/U ...
PhotoShop将彩色图片修改为只有黑白线条
1.去掉颜色按SHIFT+CTRL+U去掉颜色 2.查找边缘然后:滤镜–>风格化–>查找边缘 3.黑白色的增强最后:按CTRL+L键弹出色阶窗口,拖动白色滑块增白,和细化黑色线条.
matplotlib显示彩色图片还是黑白图片
彩色图片 plt.imshow(image_show) 黑白图片 plt.imshow(image_show,cmap='gray')
哀悼日网页彩色变黑白方法-css样式修改
哀悼日网页彩色变黑白方法-css样式修改 (2010-04-21 09:16:35) 转载▼ 标签: 默哀哀悼黑白分类: 技术全国默哀日,很多网站的图片等都变成了黑白色,修改页面的样式即可实现 ...
c# winform 把彩色图片转换为灰色的图片,变灰,灰度图片,速度很快,safe,unsafe
把彩色图片转换为灰色的图片,直接用.net接口遍历每个像素点转换的效率非常低,800K的图片65万像素我的电脑要用5分钟,而用了unsafe,速度提高了几千倍,同样的图片只用了0.几秒附一个常用的遍 ...

网页彩色图片全部变灰色(黑白)

网页彩色图片全部变灰色(黑白)相关推荐

最新文章

热门文章