`
jilong-liang
  • 浏览: 471522 次
  • 性别: Icon_minigender_1
  • 来自: 广州
社区版块
存档分类

哀悼的CSS(网站变灰)(雅安加油)

阅读更多
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>雅安加油!</title>
<style>
html {
        -webkit-filter: grayscale(100%);<!--通过测试grayscale(1)跟grayscale(100%)特效是一样的-->
        -moz-filter: grayscale(100%);
        -ms-filter: grayscale(100%);
        -o-filter: grayscale(100%);
        filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
        _filter:none;
    }
</style>

</head>
<body>

<table>
	<tr>
		<td><img src="2013-04-21_155930.jpg"/></td>
	</tr>
</table>
</body>
</html>

 之前

 

之后

 

  • 大小: 17.6 KB
  • 大小: 10.8 KB
4
1
分享到:
评论
5 楼 jilong-liang 2013-04-23  
雷神F1 写道
IE10和firefox不行啊

详细的请看这个http://blog.csdn.net/boboxiaopangde/article/details/6631176
我也是随便测试一下的呵呵~当初看到一个网址有这样的特性
4 楼 雷神F1 2013-04-22  
IE10和firefox不行啊
3 楼 jilong-liang 2013-04-22  
smiky 写道
试过百度首页了,直接把元素的color变了

;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/image/mapctrls2d0.png')  百度的:http://s0.map.bdimg.com/index_s3ngzw.css直接是一个图片
2 楼 wusuobuai 2013-04-22  
应该是女同志的杰作 支持
1 楼 smiky 2013-04-22  
试过百度首页了,直接把元素的color变了

相关推荐

    哀悼日变灰操作

    哀悼日变灰操作,好几种实现的代码,有助于你得学习

    使整个网站变灰色代码

    下面提供网站以表哀悼,可以吧颜色变灰,代码如下。 方法1:直接在html文档的head区域加上复制内容到剪贴板代码: html { filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1); }

    网页变灰配合全国哀悼日的css代码 20100421

    为方便站点哀悼,特提供css滤镜代码,以表哀悼。以下为全站CSS代码。 直接在*.css文件最前面加入 复制代码代码如下:body{ filter:Gray; } 或者 html { filter:progid:DXImageTransform.Microsoft.BasicImage...

    web网站置灰 哀悼 支持多firfox

    NULL 博文链接:https://mojianpo.iteye.com/blog/899902

    一段css让全站变灰

    为深切哀悼在抗击新冠肺炎斗争中的牺牲烈士和逝世同胞,大多数网站自发全站变灰 愿逝者安息,愿生者奋发,愿祖国昌盛。 解决思路 1、了解其他网站的实现方法 2、开始从CSDN,爱奇艺,王者荣耀官网了解并总结一套最全...

    全国哀悼日网站页面变成灰色的filter方法

    今天访问好多网站包括百度,启点等网站都变成了黑白色界面,体现大家对于四川地震的深切哀悼,但有好的站长不一定知道是什么方法,还以为是大量改版,对于任何人都不是很轻松的事,特将本站的解决方法告诉大家。

    前端使用CSS把网页设置成灰色的几种方案

    在国家公祭日或举国哀悼的时候,一些网页会设置成灰色,有的是全部都是灰色,有的网页只是首屏变成灰色,有的网页是除去头像或某部分外其他的部分是灰色,我们可以使用下面几种方式来实现filter,backdrop-filter,...

    网站变黑白灰色的4种代码详细讲解

     为了方便个人站长表示哀悼,现总结CSS实用滤镜代码,做些微的调整,即可将网站转换为“黑、白、灰”风格。 方法一: html { filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1); }  上面的代码...

    修改CSS样式实现网页灰色(没有颜色只有浅色黑白)的几个方法整理

    一般在清明节,全国哀悼日,大地震的日子,以及一些影响力很大的伟人逝世或纪念日的时候,身为站长的我们都会让自己的网站的全部网页变成灰色(黑白色),以表示我们对逝者的悼念。那么今天就说说,通过几行简单的...

    css使图片变灰的实现方法

    如果您是想将页面 网页变灰配合全国哀悼日的css代码 20100421 下面是图片特效。 1 一种是图片之间的替换,也就是将正常的图片再做成灰色的。这种方法应该是最稳定的了, 但是就要花费时间去做多余的那些图片了。...

    一段css让全站变灰的代码总结

    想到以往默哀日访问网站时发现整站会变成全灰,即想到如果立即开始开发、设计图修改等工作也会消耗大量的时间与精力,那会不会有css可以直接处理所有的元素将他们变灰,随即想到了css3的filter(滤镜),并也证实了...

    搜索动力2009(asp access) v3.3 (哀悼版).rar

    搜索动力2009(asp access) Ver 3.3 (哀悼版): 1. 新增预约皮肤功能 2. 新增预约皮肤选项 3. 新增音乐格式搜索功能 4. 新增搜索结果页收起功能 5. 新增节日温馨提示链接 6. 完善首页天气预报功能 7. 完善用户...

    css滤镜实现页面灰色黑白色效果代码

    为方便站点哀悼,特提供素装代码,以表哀悼。以下为全站CSS代码。

    网站变黑白色CSS一行代码实现

    使用方法:这段代码可以变网页为黑白,将代码加到CSS最顶端就可以实现素装.建议全国站长动起来.为在地震中遇难的同胞哀悼. 如果网站没有使用CSS,可以在网页/模板的HTML代码&lt;head&gt;和&lt;/head&gt; 之间插入: ...

    网站变黑白效果方法大集锦

    互联网上有很多网站都已经将网站页面改为黑灰的素色来哀悼地震中的受难者。网站变成黑灰色的代码,希望有更多的站长学会使用!

    以“哀悼”之名——从德里达的《哀悼工作》到《非诚勿扰2》

    哲学化的哀悼反思哀悼活动,并在反思中深入哀悼对象的思想深处;哀悼文学以最直接的情感抒发把读者带入...尽管哀悼方式各异,然而它们接续了死者活在人们心中的东西,让逝者永生,让生者有能力去哀悼死者,并由此变得坚强。

    css-filter:使用css实现图片模糊效果(毛玻璃)

    这一功能是否立马触动了你的脑洞,在某些举国悲痛的日子里,需要全站一夜变灰以示哀悼的,就可以用这个属性轻松实现啦。当然,你不得不考虑兼容性,那么问题来了,兼容技术哪家强?CSS兼容:.gray { -webki

    哀悼日页面实现效果代码

    对于灰色页面处理的所有方法,主要用于哀悼日页面效果显示,解决了不能显示的问题

Global site tag (gtag.js) - Google Analytics