(悼念5.12地震死难者)使整个网页变黑白色(灰色)的特效代码

最新推荐文章于 2019-05-07 15:51:53 发布
最新推荐文章于 2019-05-07 15:51:53 发布
阅读量949 收藏
点赞数
分类专栏： web设计 文章标签： filter css xhtml html flash object

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

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

第一情况：把下面代码复制到你网页的<head></head>中就可以了实现

<style type="text/css">
<!--
BODY {
filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
}
-->
</style>

第二情况：如果你的站已有CSS，那加入

html { filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1); }

就可以了

第三情况：如果你的CSS中已有BODY {}那么你就加入

filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
例如：

BODY {
FONT-SIZE: 12px; MARGIN: 0px; COLOR: #000000; BACKGROUND-COLOR: #ffffff;
filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);}

第四情况：有一些站长的网站可能使用这个css 不能生效，是因为网站没有使用最新的网页标准协议

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

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

第五情况：有一些网站FLASH动画的颜色不能被CSS滤镜控制，可以在FLASH代码的<object …>和</object>之间插入：

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

转载自www.jshtml.cn网页特效代码站

lanman
关注
专栏目录
一文读懂如何让网页变灰白色(黑白色)
念兮为美
12-07 1562
一文读懂如何让网页变灰。
全站黑白悼念代码，几行代码全网站黑白色
热门推荐
计算机毕业论文源码，学生个人网页制作html源码。贴近用户做网络推广和互联网优化。
06-17 1万+
<style> html { -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1).
(悼念四川地震死难者)使整个网页变黑白色的特效代码
weixin_33815613的博客
05-19 269
使用方法： 最简单的把页面变成灰色的代码是在head 之间加 <style type="text/css"> html { FILTER: gray } </style> 第一情况：把下面代码复制到你网页的<head></head>中就可以了实现 <style type="text/css"> <!-- BO...
网站变成灰色，纪念日代码@IE下
点滴的积累，让自己成长
04-21 372
这个是使网站变成黑白的一段代码，记录一下，如果有更好的请留言: &lt;style type="text/css"&gt;html{filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale='1');}&lt;/style&gt;...
悼念地震死难者:使整个网页变黑白色(灰色)的特效代码
人生三十重学艺
05-28 1194
使用方法：最简单的把页面变成灰色的代码是在head 之间加html {FILTER: gray}第一情况：把下面代码复制到你网页的中就可以了实现BODY {filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);}-->第二情况：如果你的站已有CSS，那加入 html { filter:progid:
[转]一句css代码让你的网站变灰,一起悼念地震中逝去的生命！
weixin_30407099的博客
04-23 92
一句css代码让你的网站变灰，包括图片，支持所有浏览器。一起悼念地震中逝去的生命！ html{ -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscal...
网站变为黑白的CSS代码——哀悼玉树地震中遇难同胞
smstong的成长轨迹
04-21 1729
注意：原文为四川汶川地震时发表，为与时间同步，转载时改成了玉树地震。2008-05-19 13:41:24　标签：网站 CSS web开发 地震 黑白　　　[<a class="operlink" onclick="function onclick(){function onclick(){function onclick(){function onclic
修改CSS样式实现网页灰色(没有颜色只有浅色黑白)的几个方法整理
11-21
一般在清明节，全国哀悼日，大地震的日子，以及一些影响力很大的伟人逝世或纪念日的时候，身为站长的我们都会让自己的网站的全部网页变成灰色（黑白色），以表示我们对逝者的悼念。那么今天就说说，通过几行简单的...
使整个页面变灰 样式代码
04-21
### 页面变灰样式代码知识点详解 #### 一、概述 在网页设计与开发过程中，有时候我们需要将整个网页变成灰度模式，例如在纪念日或哀悼活动中，网站可能会选择将色彩丰富的图片转换成黑白灰度效果，以此表达敬意或...
整个网站变成灰色的效果是怎样实现的？
01-08
2020年的开始，是一个历史性的痛，我们的国家经历了非常惨痛的...有些时候我们需要把网站页面变成黑白色或灰色，特别是对于一些需要悼念的日子，以及一些影响力很大的伟人逝世或纪念日的时候，都会让网站的全部网页变成
网站页面变灰的CSS处理办法，兼容主流浏览器，哀悼地震逝去者...
千骑卷平冈的专栏 -- wqmain@163.com
04-22 1859
html { -webkit-filter: grayscale(100%); /* Chrome 19+, Safari 6+, Safari 6+ iOS */ filter: url("data:image/svg+xml;utf8,<feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333
哀悼日网页彩色变黑白方法-css样式修改
evilcry2012的专栏
01-20 4145
哀悼日网页彩色变黑白方法-css样式修改  (2010-04-21 09:16:35) 转载▼ 标签：  默哀   哀悼   黑白 分类： 技术 全国默哀日，很多网站的图片等都变成了黑白色，修改页面的样式即可实现 html { filter:progid:DXImageTranorm.Microsoft.
哀悼CSS 哀悼的时候让页面字体变黑的css
chuangyuansa9569的博客
01-27 521
想必这几天大家都会用到这样的代码，不管是前端的，HTML的，还是CSS的，目的都是一个，就是让网站整体色调变灰，借此来悼念地震中的罹难者。权且叫做哀悼CSS吧。可以兼容FirefoxChromeSafari和IE6IE7IE8IE9IE10不兼容Opera。代码如下：h...
将网页变为灰白色的方法（悼念缅怀主题）
茶慕丝稚的小天地
12-13 3572
其实就是在<head></head>之间加上<style> html{ filter: grayscale(100%); -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: url("data:im
网站变灰色代码方法大集合（站点哀悼代码之用）
Admzq的技术日志
08-15 1826
<br />网站变灰色代码变素色和黑白方法大集合（站点哀悼代码之用）<br />举国都在哀悼此次地震的遇难者，很多门户网站纷纷变成灰色色调来缅怀那些逝者。身为站长的你是否也应该做些什么，那还等什么……<br />而如何将网站变成灰色调呢，网站变灰色方法是什么？有哪些？<br /> <br />为了方便大家查看，特整理下出个网站变灰色/黑白色代码方法的大集合以供大家参考与使用。<br /> <br />详细方法大集合如下：<br />方法一：<br />在你的网站页面上<br /><head></head><
将网站变成灰色，黑白色，兼容IE，谷歌CSS滤镜
PHP开发
05-07 7428
如果用传统的方法将网站变成黑白色非常的麻烦，需要更换页面的文件，并且要对图片进行更改。但如果自己的网站支持CSS的话，一切变得很简单。只要是符合w3标准的网页，在CSS文件的最前面加上一行代码就可以了，这段代码使用的是CSS滤镜，将网页中的色彩部分过滤掉。 以下是代码片段： html {filter:progid:DXImageTransform.Microsoft.BasicImage(gray...
网页去色变黑白（CSS）
拓
05-14 2841
 来自：http://www.51xflash.com/website/html/200905/01-8904.html CSS代码: (插入到CSS文件的最顶端) html { filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1); }或者:*{filter: Gray;}
5.12 网站变灰 默衰 这一刻 中国人的心绷紧了..........
mathew的专栏
05-19 1149
5.12 网站变灰 默衰 这一刻 中国人的心绷紧了..........  html {filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1); }   
使整个网页变黑白色(灰色)的特效代码使用方法
feng8509的专栏
05-22 1253
(悼念四川地震死难者)使整个网页变黑白色(灰色)的特效代码使用方法：第一情况：把下面代码复制到你网页的中就可以了实现 第二情况：如果你的站已有CSS，那加入 html { filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1); } 就可以了第三情况：如果你的CSS中已有BODY {}那么你就加入 filter:progi
用HTML和css写一个悼念汶川地震遇难同胞的网页
最新发布
05-13
非常感人的想法，我可以帮你写一个简单的HTML和CSS代码来展示悼念汶川地震遇难同胞的网页，如下所示： ```HTML <!DOCTYPE html> <html> <head> <title>悼念汶川地震遇难同胞</title> <style> body { font-family: Arial, sans-serif; background-color: #f2f2f2; margin: 0; padding: 0; } header { background-color: #333; color: #fff; padding: 20px; text-align: center; font-size: 30px; font-weight: bold; } main { margin: 20px; } h1 { font-size: 24px; font-weight: bold; color: #333; margin: 0 0 10px; } p { font-size: 18px; line-height: 1.5; color: #555; margin: 0 0 20px; } .img-container { margin: 0 auto; max-width: 600px; } img { display: block; margin: 0 auto; max-width: 100%; } .btn-container { text-align: center; } button { background-color: #333; color: #fff; padding: 10px 20px; border: none; border-radius: 5px; font-size: 18px; cursor: pointer; } button:hover { background-color: #555; } </style> </head> <body> <header>悼念汶川地震遇难同胞</header> <main> <h1>我们永远怀念那些离我们而去的人们</h1> <p>2008年5月12日，四川汶川发生了7.8级地震，造成了巨大的人员伤亡和财产损失。数以万计的同胞不幸遇难，他们的离去让我们深感痛惜和哀思。</p> <div class="img-container"> <img src="https://i.imgur.com/4WvLsIx.jpg" alt="汶川地震遇难同胞"> </div> <div class="btn-container"> <button>捐赠救灾</button> </div> </main> </body> </html> ``` 这个网页的主要内容包括一个标题 `悼念汶川地震遇难同胞`，一段文字介绍汶川地震的情况，一张图片表达我们对遇难同胞的哀悼，以及一个捐赠救灾的按钮。整个页面的颜色采用灰白色系，以表达对逝者的沉痛和悼念。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值