一段可以让整个网站变黑白代码

最新推荐文章于 2022-12-09 10:48:29 发布
最新推荐文章于 2022-12-09 10:48:29 发布
阅读量855 收藏
点赞数
分类专栏： DIV+CSS 文章标签： filter css xhtml flash html
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/chrisdino/article/details/6692879
版权
 

在你网站的CSS文件力加入此代码即可自动把网站一切颜色变成单色，哀悼日过后删除代码即可还原彩色
代码:html {filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);}
使用方法：这段代码可以变网页为黑白，将代码加到CSS最顶端就可以实现素装。
有一些站长的网站可能使用这个css不能生效，是因为网站没有使用最新的网页标准协议 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">


请将网页最头部的替换为以上代码。

有一些网站FLASH动画的颜色不能被CSS滤镜控制，可以在FLASH代码的和之间插入：


 

<param value="false"name="menu"/>
<param value="opaque"name="wmode"/>


最简单的把页面变成灰色的代码是在head之间加 

<style type="text/css">
html {
    FILTER:gray
}
</style>


网站变黑白代码
自己加到css样式里

body{filter:Gray;}


如果光让图片变黑白

img{filter:Gray;}


chrisdino
关注
专栏目录
网页黑白代码将整个网站变为黑白色怎么弄
计算机毕业论文源码，学生个人网页制作html源码。贴近用户做网络推广和互联网优化。
12-01 2802
网页黑白代码将整个网站变为黑白色怎么弄呢，主要有三种方法：将整个网页设为黑白色代码、将整个网页在一个时间设为黑白色代码和将整个网站在一个时间段设为黑白色代码。 1.将整个网页设为黑白色代码如下： -webkit-filter: grayscale(100%); //网页黑白代码将整个网站（包括子页）变为黑白色 2.将整个网页在一个时间设为黑白色代码如下：
一文读懂如何让网页变灰白色(黑白色)
念兮为美
12-07 1563
一文读懂如何让网页变灰。
将网站变黑白的代码将网站变黑白的代码
05-12
将网站设计你想的样子的方法码将网站变黑白的代码
网站变成灰色@IE
仰角45度向上
04-28 711
html{filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);}
网站变为黑白
刘晓春
06-29 2255
项目接近尾声了，前几天在测试的时候发现，在某个win7电脑的IE上，网站竟然变成了黑白的。我的电脑是win8的系统，用IE测，更改各种文档模式均正常，令人费解。     找不到原因，更改浏览器的各种设置，均没有效果。     上网搜资料的时候发现，很多网站为了纪念大地震或者其他日子的时候会故意把网站网站变成黑白的。没有平白无故变成的黑白的。     此时应该想到，看看怎么设置黑白，看看我的是
页面变成黑白的CSS代码
weixin_30342827的博客
04-27 89
1 <style> 2 html 3 { 4 filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matri...
将整个网站（包括子页）变为黑白色
热门推荐
susan的博客
04-07 1万+
1.将整个网页设为黑白色代码如下： <style type="text/css"> -webkit-filter: grayscale(100%); </style> 2.将整个网页在一个时间设为黑白色代码如下： <script src="js/jquery-3.4.0.min.js"></script> <script type="t...
网站变黑白色CSS一行代码实现
12-01
网站变黑白色是一种表示哀悼或纪念的...总之，通过CSS滤镜，我们可以快速地将整个网站转变为黑白，这是一个既简单又有效的技术，可以在特殊时期为网站赋予庄重的氛围。但要注意浏览器的兼容性和不同平台的特殊需求。
利用CSS将网站网页变灰色代码示例
09-24
如果仍然有Flash内容不受滤镜影响，或者存在因浏览器滚动条导致的显示问题（如Flash FLV播放器变花），则可以考虑使用JavaScript库如SWFObject来代替内联Flash代码。通过设置 `wmode` 参数为 `"opaque"`，可以解决...
css滤镜实现页面灰色黑白色效果代码
10-30
这段代码定义了一个`.gray`类，可以应用到任何元素上，使其变为灰色。这里包含了对不同浏览器的兼容性处理，包括Webkit、Firefox、IE等。 如果网站没有使用CSS，可以直接在HTML的`<head>`标签内添加内联样式来实现...
网站变黑白JS
04-26
网站变黑白JS,遇到大难，虽把网页变黑白色，此JS可实现。
使整个网站变黑白(灰色)的特效代码
赏风听雨的专栏
08-14 661
<br />使用方法：<br />最简单的把页面变成灰色的代码是在head 之间加<br /><style type="text/css"><br />html {<br />FILTER: gray<br />}<br /></style><br />第一情况：把下面代码复制到你网页的<head></head>中就可以了实现<br /><style type="text/css"><br /><!--<br />BODY {<br />filter:progid:DXImageTransform.Micr
一行代码，让网页变为黑白配色
最新发布
一个懒鬼的博客
12-09 170
让网页变为黑白配色，是个常见的诉求。而且往往是突如其来的诉求，是无法预知的。当发生这样的需求时，我们需要迅速完成变更发布。2022年12月1日，掘金首页已经变成了黑白配色。原博主的小网站首页也变成了黑白配色。
将整个网站变为黑白色
接着奏乐接着舞的博客
12-01 5890
只需2行代码让自己的网站变成灰色（黑白），附兼容性写法
网站 黑白 原理
码上行动
08-16 4824
为方便站点哀悼，特提供素装代码，以表哀悼。以下为全站CSS代码。 html { filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1); } 使用方法：这段代码可以变网页为黑白，将代码加到CSS最顶端就可以实现素装。建议全国站长动起来。为在地震中遇难的同胞哀悼。 如果网站没有使用CSS，可以在网页/模板的HTML代码<head>和</head> 之间插入： <style> html{filte
网站网页快速变黑白方法
hongweigg的专栏
06-11 8602
网页变黑白常用于表达悼念、怀念故去的著名人物、重大灾难事件等。通过分析，百度百科人物网页变黑白是这么做的：webkit-filter: grayscale(1);其中grayscale（）的取值为0%-100%，也可以用0-1取代，0%代表彩色图像，100%代表完全的灰度。 css filter的浏览器兼容：Chrome31+，Safari7+，Opera20+，ios Safari6+,Android Browser4.4+, Blackberry 10+均支持了-webkit-filter的方式，IE
把网站变成黑白色
神zhi殇的博客
04-10 2076
简单几句CSS代码，就可以把网站变成黑白色： html { filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1); -webkit-filter: grayscale(100%); } 使用的是CSS滤镜，将网页中的色彩部分过滤掉。 ...
网页变黑白
刘远的编程技术博客
12-16 2057
HTML代码中增加样式 添加以下代码即可将页面调整为黑白色 <style type="text/css"> body { filter:grayscale(1); } </style>``` filter(滤镜) 控制灰度：grayscale设置为1 即为所需效果 ...
全站黑白效果实现代码示例
在网页设计中，有时候我们可能需要实现一种独特的视觉效果，比如将整个网站转换为黑白色调。这可以通过CSS样式来完成，具体来说是通过应用滤镜（filter）属性来实现。本文档提供的代码片段就是用来达到这一目的的...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值