`

让网站变灰

CSSFlashMicrosoftHTMLXHTML 
阅读更多

继5.12汶川大地震之后，今年又发生了青海玉树7.1级大地震，各大门户网站为了表示哀悼都把首页设置成了灰色的色调。

上网搜了一下实现代码。

 

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

 

如果网站没有使用CSS，可以在网页/模板的HTML代码<head>和</head> 之间插入：

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

 

但是我加了之后没有生效，是因为网站没有使用最新的网页标准协议 

<!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"/>

 

最简单的把页面变成灰色的代码是在head 之间加<style type="text/css"> 

html {
FILTER: gray
}
</style>

 

还有一种最简单的把页面变成灰色的代码是在body之中加入style="filter:gray" 

<body style="filter:gray">

 

分享到：
| getServletContext() NullPointerException ...
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    使整个网站变灰色代码

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

    网站变灰代码 网站变灰代码

    网站变灰代码网站变灰代码网站变灰代码网站变灰代码网站变灰代码网站变灰代码网站变灰代码网站变灰代码

    jquery网页变灰

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

    使整个页面变灰 样式代码

    ### 页面变灰样式代码知识点详解 #### 一、概述 在网页设计与开发过程中，有时候我们需要将整个网页变成灰度模式，例如在纪念日或哀悼活动中，网站可能会选择将色彩丰富的图片转换成黑白灰度效果，以此表达敬意或...

    整站变灰hui.rar

    "整站变灰"通常是一种网站悼念或纪念活动的表现方式，通过调整网站色彩主题，将网站变为灰色，以此表达哀思或致敬的情感。在这个名为"整站变灰hui.rar"的压缩包中，包含了一个名为"整站变灰hui.js"的JavaScript文件...

    哀悼日变灰操作

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

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

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

    JQuery弹出框，背景变灰色

    在网页设计中，jQuery 是一个广泛使用的 JavaScript 库，它简化了 DOM 操作、事件处理、动画效果等任务...这不仅可以提升用户体验，还能增加网站的专业感。记得在实际项目中，根据需求调整样式和功能，以适应不同场景。

    Discuz! 灰色个性

    Discuz! 灰色个性

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

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

    弹出对话框并屏幕变灰

    弹出对话框并屏幕变灰

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

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

    javascript 灰色图标 鼠标放上去变彩色

    总之，"javascript 灰色图标 鼠标放上去变彩色" 是一种常见的网页交互设计，利用JavaScript的事件监听和DOM操作，我们可以轻松实现这一功能，提高网站的用户体验。在实际开发中，可以根据项目需求灵活调整代码，适应...

    灰色渐变暗沉英文网站模板_灰色 渐变 暗沉 英文 简洁清爽 外贸 整站 黄色 炫彩.zip

    首先，让我们关注模板的主题色彩——灰色渐变暗沉。灰色是一种中性颜色，常被用来传达稳重与专业的感觉。渐变效果则为页面增添了层次感和深度，使得整体设计更具视觉吸引力。暗沉的色调则创造出一种低调、高端的氛围...

    H5 页面整体变灰色的的代码

    为了实现特定场景下的页面变灰，我们可以在JavaScript中控制灰色屏幕的显示与隐藏。例如，当用户点击某个按钮或者执行特定操作时，通过改变`gray-screen`的`display`属性，我们可以实现页面从灰色变为正常，或者反之...

    蓝灰色质感CSS模板-蓝灰色 质感 背景 漂亮 导航 渐变 整体色 web20.rar

    “整体色”是指整个模板保持一致的色调和风格，这有助于建立品牌识别度，同时让网站看起来更加统一和专业。Web 2.0 是一个术语，用来形容2000年代中期以后互联网发展的一个阶段，这个时期的网站设计强调互动性、用户...

    灰色渐变轻快的企业模板_灰色 渐变 企业 单栏 渐变背景 窄 红色 简洁.zip

    该压缩包文件“灰色渐变轻快的企业模板_灰色 渐变 企业 单栏 渐变背景 窄 红色 简洁.zip”包含了一个设计精良的企业网站模板，适合那些希望创建专业且简洁在线形象的企业。这个模板以灰色为主色调，并巧妙地运用了...

    lightbox弹出窗口背景变灰代码

    在这种模式下，网页背景通常会变暗或“变灰”，以增强焦点并减少干扰。下面将详细解释如何实现这种“lightbox弹出窗口背景变灰”的效果。 首先，我们需要理解实现这个功能的关键元素： 1. **HTML 结构**：HTML 是...

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

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

    网站整体灰色调（兼容firefox等非IE浏览器）

    在本主题中，我们重点关注的是"网站整体灰色调"的设计策略，以及如何确保这种设计在各种浏览器，特别是非IE浏览器如Firefox上实现良好的兼容性。 首先，灰色调的网站设计通常被称为“中性色”设计，它以灰色为主调...

Magicbox
Global site tag (gtag.js) - Google Analytics