`
jilong-liang
  • 浏览: 485169 次
  • 性别: 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变了

相关推荐

    哀悼日变灰操作

    在IT行业,尤其是前端开发领域,“哀悼日变灰操作”通常指的是在特定的纪念日或哀悼日期间,网站或应用将界面颜色调整为灰色调,以此表达对逝者的哀思或对某个事件的纪念。这种操作不仅是一种文化礼仪的表现,也是...

    DIV+CSS中如何让整个页面变成灰色

    让整个页面变灰的方法之一是通过调整页面所有元素的颜色过滤。这可以通过使用 CSS 的滤镜(filter)属性来实现。滤镜属性允许我们应用不同的视觉效果,如模糊、饱和度调整、颜色转换等。对于灰色效果,我们可以使用 ...

    使整个网站变灰色代码

    ### 使整个网站变灰色代码 #### 背景与意义 在特定的哀悼活动中,将网站的颜色调整为灰色是一种表示哀悼和尊重的方式。例如,在2010年4月21日,为了纪念玉树地震中的遇难者,许多网站采取了这种措施来表达对逝者的...

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

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

    web网站置灰 哀悼 支持多firfox

    在IT行业中,"web网站置灰"是一种常见的方式,用于表达对特定事件的哀悼或纪念,例如悼念重要人物的去世或者响应社会重大事件。在这种情况下,网站会改变其通常的色彩方案,转而使用单色调,通常是灰色,以表现出...

    哀悼日页面实现效果代码

    对于不支持CSS的网站,可以在HTML代码中插入特殊的代码来实现页面变灰或变黑白的效果。例如,在和之间插入代码块,或者在和之间插入代码块。 在Discuz论坛中,可以在控制CSS文件下修改/images/header/header.css这...

    使整个页面变灰 样式代码

    本文将详细介绍如何通过简单的CSS代码实现网页整体变灰的效果。 #### 二、关键知识点解析 ##### 2.1 CSS滤镜属性 为了实现整个页面变灰的效果,主要依赖于CSS中的`filter`属性。该属性可以对元素应用多种视觉效果...

    网站变灰色代码方法大集合

    以上介绍了几种常用的使网站变灰的方法,包括使用HTML filter属性、修改全局CSS样式表以及针对特定元素应用CSS样式等。每种方法都有其适用场景和优缺点,开发者可以根据实际情况选择最合适的技术方案。需要注意的是...

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

    在国家哀悼日,为了表达对遇难同胞的哀悼之情,很多网站会将页面背景及内容显示为黑白色调。这通常通过CSS中的filter滤镜来实现。filter属性是CSS3中用于图形效果的滤镜功能,它允许开发者通过各种不同的效果改变...

    CSS代码使网页呈灰色

    1. 如下所示的CSS代码是将整个网页变灰的经典例子: ```css html { filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1); } ``` 这段代码使用了IE特有的滤镜`DXImageTransform.Microsoft....

    使网页变灰,支持IE、FireFox、Opera、360浏览器等

    标题 "使网页变灰,支持IE、FireFox、Opera、360浏览器等" 提到的是一个关于实现网页变灰效果的技术,这个效果通常在网站上用于表示哀悼或者纪念活动,将整个页面调成灰色。这个技术涉及到浏览器兼容性和JavaScript...

    一段css让全站变灰

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

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

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

    网站指定日期变灰色JS代码附带教程

    网站指定日期变灰色的JS代码是一种常见的网页设计技术,它通常用于表示哀悼、纪念特殊事件或节假日。这种效果可以通过JavaScript脚本实现,使整个网页背景变为灰色,以传达特定的情感氛围。以下将详细介绍如何使用JS...

    网站首页变成灰白色方法.doc

    如果您的网站使用了 FLASH 动画,而 CSS 滤镜不能控制其颜色,可以在 FLASH 代码的 `…&gt;` 和 `&lt;/object&gt;` 之间添加以下代码: ```html ``` Discuz 论坛的灰白色修改 对于一般的 Discuz 论坛,可以在控制 CSS ...

    滤镜使网页变灰.zip

    在网页设计中,有时为了表示哀悼或者特殊纪念,我们需要将整个网站的色彩调整为灰色,也就是常说的“变灰”或“黑白模式”。在这个场景下,“滤镜”这一CSS特性就显得尤为重要。滤镜(Filter)是CSS3中引入的一个...

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

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

    网页全部显示为灰色的代码

    在某些特殊时刻,例如国家哀悼日、重大事故纪念日等,很多网站会将页面整体调整为灰色调,以此表达对逝者的尊重与哀思。这种做法不仅是一种视觉上的变化,更是情感和社会责任感的一种体现。 #### CSS滤镜方法 在...

    Desktop.zip

    综上,"Desktop.zip"提供了在多浏览器环境下实现网站自动变灰的完整方案,展示了HTML、CSS和JavaScript的结合应用,以及对于浏览器兼容性的考虑。开发者可以学习和借鉴这个案例,以便在自己的项目中实现类似的功能。

Global site tag (gtag.js) - Google Analytics