`

让网页变灰

阅读更多

方法1:用传统的方法将网站变成黑白色非常的麻烦,需要更换页面的文件,并且要对图片进行更改。但如果自己的网站支持CSS的话,一切变得很简单。只要是符合w3标准的网页,在CSS文件的最前面加上一行代码就可以了,这段代码使用的是CSS滤镜,将网页中的色彩部分过滤掉。

html { filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1); }(不换行)
方法2:有个方法可以迅速把你的网站变成灰调,就是给body加个css滤镜。body {filter:gray;}既然说了是css滤镜,那么只能是在IE下支持了。firefox下浏览照样还是彩色的。并且有一点,flash里的图片不会变灰。
方法3:今天访问好多网站包括百度,启点等网站都变成了黑白色界面,体现大家对于四川地震的深切哀悼,但有好的站长不一定知道是什么方法,还以为是大量改版,对于任何人都不是很轻松的事,特将本站的解决方法告诉大家。
国务院发出公告,将2008年5月19日至21日定为全国哀悼日,以表达全国各族人民对四川汶川大地震遇难同胞的深切哀悼。各网站为了表示这个悲惨的日子,特将网站色调统一变成黑白色,特将此方法告诉大家,让大家联合起来。
如果你的页面css是直接写在页面里的,只要在body的样式最后加入body{... fileter:gray} 如果是下面的方式加载的<link href="style.css" rel="stylesheet" type="text/css" />你可以找到body样式,加入filter:gray即可实现。

分享到:
评论

相关推荐

    jquery网页变灰

    要让网页变灰,我们通常使用CSS滤镜或CSS3的`opacity`属性。然而,由于这些方法在某些旧版本的浏览器中可能不支持,因此我们可以借助于jQuery来创建一个兼容性更好的解决方案。以下是一个基本的实现步骤: 1. **...

    网页变成灰色的方法

    ### 网页变成灰色的方法 在网页设计与开发领域,有时为了纪念特定事件或表达某种情感,将网站的颜色调整为黑白灰阶效果是一种常见的做法。实现这一效果的技术手段多种多样,但其中最为简便有效的方式之一是通过CSS...

    使整个网站变灰色代码

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

    基于层的网页弹出提示,可移动,网页变灰.rar

    其次,"网页变灰"是指在弹出提示时,将整个网页的背景变为半透明或者灰色,以降低其他元素的视觉焦点,让弹出的提示更加突出。这通常通过CSS(层叠样式表)实现,可以调整body元素的样式,如设置一个半透明的灰色...

    js,点击按钮弹出窗体,并且让原来的网页变灰

    js,点击按钮弹出窗体,并且让原来的网页变灰

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

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

    CSS3 网页变灰.txt

    CSS3 网页变灰.txt

    滤镜使网页变灰.zip

    本文将详细讲解如何使用CSS滤镜来实现网页变灰的效果。 首先,我们需要了解CSS滤镜的基本语法。滤镜属性通常写在样式表中,以`filter`关键字开头,后面跟着一个或多个过滤函数。其中,用于使元素变灰的函数是`...

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

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

    适合清明使用的网页变灰白代码,亲测可用

    这里我们探讨的是一种使用JavaScript实现的网页变灰白的技术方案,该方案适用于前端开发,尤其在清明时节可以派上用场。本文将深入讲解如何利用JavaScript来改变网页的颜色,并提供亲测有效的代码示例。 首先,我们...

    可以让图片变灰

    "可以让图片变灰"这个主题涉及到了一种常见的图像效果——灰度转换。灰度转换是一种将彩色图像转化为单色调,即灰色调的过程,它在网页交互中常用于鼠标悬停效果,为用户提供视觉反馈。下面我们将详细讨论这一技术...

    CSS代码使网页呈灰色

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

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

    通过上述方法,我们不仅可以轻松地将网页调整为灰色调,还能够确保其在各种浏览器中的兼容性和可用性。这种方式不仅表达了对逝者的哀悼之情,也体现了网站的社会责任和技术实力。在未来的设计和开发过程中,可以根据...

    点击按钮,弹出一个可关闭的层窗口,网页背景变灰

    点击按钮,弹出一个可关闭的层窗口,网页背景变灰

    HTML 网页特效 点击按钮全屏变灰

    在网页设计中,有时我们需要实现特定的交互效果来提升用户体验,比如点击按钮后整个页面变灰,这样的功能常用于加载等待、禁用界面或者聚焦某个特定元素时。本知识点主要探讨如何利用HTML和CSS实现“点击按钮全屏变...

    使整个页面变灰 样式代码

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

    灰色幻影css网页模板

    "灰色幻影CSS网页模板"是一款专为网页设计者打造的样式模板,它以其独特的灰色调和简洁的设计风格,为网站构建提供了基础框架。这款模板主要依赖于CSS(层叠样式表)技术来控制网页的布局和外观,使得网页呈现出专业...

    弹出一个层,页面变灰

    弹出一个层,页面变灰弹出一个层,页面变灰弹出一个层,页面变灰弹出一个层,页面变灰

    灰色网页CSS网页模板

    这种模板采用灰色调作为主色调,通常给人以低调、稳重、专业的感觉,适合用于企业、商业或公司的官方网站。 在设计中,灰色被认为是一种中性颜色,它可以与其他色彩很好地搭配,也可以创造出简约、高雅的视觉效果。...

    CSS鼠标悬停图片上图片变灰 变色 半透明

    在这个特定的问题中,我们关注的是如何通过CSS实现鼠标悬停时图片效果的变化,比如图片变灰、变色以及半透明。下面将详细介绍这些效果的实现方法。 1. 图片变灰: 当鼠标悬停在图片上时,可以使用CSS的`filter`...

Global site tag (gtag.js) - Google Analytics