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

最新推荐文章于 2018-09-07 11:17:32 发布
最新推荐文章于 2018-09-07 11:17:32 发布
阅读量965 收藏
点赞数
分类专栏： 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网页特效代码站

一文读懂如何让网页变灰白色(黑白色)
念兮为美
12-07 1618
一文读懂如何让网页变灰。
全站黑白悼念代码，几行代码全网站黑白色
计算机毕业论文源码，学生个人网页制作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 278
使用方法： 最简单的把页面变成灰色的代码是在head 之间加 <style type="text/css"> html { FILTER: gray } </style> 第一情况：把下面代码复制到你网页的<head></head>中就可以了实现 <style type="text/css"> <!-- BO...
网站变成灰色，纪念日代码@IE下
点滴的积累，让自己成长
04-21 383
这个是使网站变成黑白的一段代码，记录一下，如果有更好的请留言: &lt;style type="text/css"&gt;html{filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale='1');}&lt;/style&gt;...
悼念地震死难者:使整个网页变黑白色(灰色)的特效代码
人生三十重学艺
05-28 1202
使用方法：最简单的把页面变成灰色的代码是在head 之间加html {FILTER: gray}第一情况：把下面代码复制到你网页的中就可以了实现BODY {filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);}-->第二情况：如果你的站已有CSS，那加入 html { filter:progid:
[转]一句css代码让你的网站变灰,一起悼念地震中逝去的生命！
weixin_30407099的博客
04-23 101
一句css代码让你的网站变灰，包括图片，支持所有浏览器。一起悼念地震中逝去的生命！ html{ -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscal...
网站变为黑白的CSS代码——哀悼玉树地震中遇难同胞
smstong的成长轨迹
04-21 1747
注意：原文为四川汶川地震时发表，为与时间同步，转载时改成了玉树地震。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年的开始，是一个历史性的痛，我们的国家经历了非常惨痛的...有些时候我们需要把网站页面变成黑白色或灰色，特别是对于一些需要悼念的日子，以及一些影响力很大的伟人逝世或纪念日的时候，都会让网站的全部网页变成
哀悼日页面实现效果代码
11-30
对于灰色页面处理的所有方法，主要用于哀悼日页面效果显示，解决了不能显示的问题
网站页面变灰的CSS处理办法，兼容主流浏览器，哀悼地震逝去者...
千骑卷平冈的专栏 -- wqmain@163.com
04-22 1872
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 4155
哀悼日网页彩色变黑白方法-css样式修改  (2010-04-21 09:16:35) 转载▼ 标签：  默哀   哀悼   黑白 分类： 技术 全国默哀日，很多网站的图片等都变成了黑白色，修改页面的样式即可实现 html { filter:progid:DXImageTranorm.Microsoft.
哀悼CSS 哀悼的时候让页面字体变黑的css
chuangyuansa9569的博客
01-27 540
想必这几天大家都会用到这样的代码，不管是前端的，HTML的，还是CSS的，目的都是一个，就是让网站整体色调变灰，借此来悼念地震中的罹难者。权且叫做哀悼CSS吧。可以兼容FirefoxChromeSafari和IE6IE7IE8IE9IE10不兼容Opera。代码如下：h...
将网页变为灰白色的方法（悼念缅怀主题）
茶慕丝稚的小天地
12-13 3585
其实就是在<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
国家哀悼日将网站全部变成灰色的代码
weixin_34289454的博客
11-17 1190
国家哀悼日将网站全部变成灰色的代码 html { filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1); } PS:这个只是一个CSS里面的滤镜的使用,在FF,Opera下不支持, 假如要全部实现那种效果的话,要手动去改图片等东西. 不过有些站也是这样简单处理了一下而已,如:...
网站哀悼（全站变灰色）代码
iloli的专栏
04-20 1万+
１、在全站的CSS中写入下面二条中的一条： html { filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);} body {filter: gray;} 最简单的把页面变成灰色的代码是在head 标签之间插入： html {FILTER: gray} ２、由于FLASH不受CSS控制，所以
地震 网站变成灰黑色 css 代码
静心编程-java-php-jsp-数据库-网站-我们一起成长
05-19 6254
<!--google_ad_client = "pub-1654710028568330";/* 728x15, 创建于 08-5-19 */google_ad_slot = "1395130186";google_ad_width = 728;google_ad_height = 15;//--><script type="text/javascript"src=
网站变灰
热门推荐
Umbrella Corporation
09-07 2万+
样式中加上...即可 html {           -webkit-filter: grayscale(100%);           -moz-filter: grayscale(100%);           -ms-filter: grayscale(100%);           -o-filter: grayscale(100%);           filter...
用HTML和css写一个悼念汶川地震遇难同胞的网页
最新发布
05-13
非常感人的想法，我可以帮你写一个简单的HTML和CSS代码来展示悼念汶川地震遇难同胞的网页，如下所示： ```HTML <!DOCTYPE html> 悼念汶川地震遇难同胞 body { font-family: Arial, sans-serif; ...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值