应用场景：IE下站内页面变灰！
代码：
html{
filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
}
原理：
grayscale的值有两个：
- 1 ----- 灰度效果
- 0 ----- 默认值，原始色彩
zhangyaochun
- 浏览: 2620979 次
- 性别:
- 来自: 北京
-
文章分类
- 全部博客 (1286)
- js-oop (2)
- js-window (10)
- js-event (19)
- js-string (37)
- js-array (27)
- js-page (4)
- js-dom (62)
- js-lang (8)
- js-number (7)
- js-platform (3)
- js-object (15)
- js-element (3)
- js-browser (7)
- js-url (6)
- js-date (10)
- css基础 (48)
- css优化 (15)
- html基础 (17)
- html标签 (19)
- js基础 (117)
- js-兼容性差异 (33)
- js引擎 (3)
- js性能 (14)
- json (6)
- jQuery源码浅析 (43)
- web mobile开发资料 (78)
- js跨域 (2)
- html5 (74)
- html5-canvas (7)
- css3 (53)
- 浏览器 (5)
- api设计学 (3)
- js-加载 (3)
- linux (37)
- 架构师 (1)
- php (2)
- self开发的脚本库--凤凰 (2)
- web应用名词 (6)
- javascript新特性翻译 (8)
- ajax (6)
- jQuery动画效果 (7)
- prototype的解读 (13)
- 优秀插件翻译 (1)
- css解决方案 (26)
- 数据库 (2)
- english daily (59)
- 浏览器内核探究 (1)
- jQuery插件介绍 (9)
- jquery基础篇 (26)
- chrome浏览器问题整理 (14)
- js选择器那些事 (3)
- 前端框架 (26)
- Firefox私有属性 (11)
- webkit私有属性集合 (17)
- 书籍推荐 (21)
- 数据结构 (1)
- 网站建设相关 (7)
- 好文翻译 (2)
- 个人作品 (3)
- kissy的解读 (4)
- css-layout（布局研究） (5)
- less研究 (1)
- YUI探究 (1)
- hash探究 (1)
- js动画 (7)
- 前端面试题 (37)
- css书写规范 (1)
- js模板引擎 (6)
- js模块化 (19)
- 编写高质量代码 (3)
- 性能探究--应用协议 (2)
- 前端图像处理 (19)
- Mac OS相关 (21)
- 正则表达式 (11)
- 离线应用相关 (0)
- 前端工具 (65)
- nodeJS (55)
- jquery优化篇 (2)
- 设计模式探究系列 (3)
- windows7 (2)
- IE10 (10)
- 微博开放平台探究 (2)
- 常用web服务接口 (1)
- 数据存储相关 (8)
- 零时文件 (2)
- jQuery Mobile (16)
- backbone (15)
- underscore (22)
- sass (11)
- android (3)
- phonegap (10)
- IE私有 (11)
- qwrap (8)
- git (14)
- chrome extensions (5)
- freemarker (11)
- angularJS (3)
- seo (2)
- markdown (3)
- css动画 (4)
- 安卓开发 (2)
- React (7)
- 活动页技术 (1)
- 网络安全 (3)
- grunt (7)
- Lo-Dash (3)
- 前端国际化 (4)
- 版本控制 (2)
- 盒模型 (4)
- 微信开发 (1)
- Mock数据工具 (1)
- sails (1)
- vim (1)
- js-color (1)
- iOS 基础 (43)
最新评论
-
jertom：
<div id="showInfo" ...
addEventListener等事件监听的参数细谈 -
乌托邦国王：
引用[u][/u]
css3动画属性系列之transform细讲移动translate -
hvang1988：
能提供附件下载吗，找不到js库，google封了访问不了
Syntaxhighlighter---代码高亮插件介绍 -
sscsacdsadcsd：
我的天 那到底是为什么function是object我看und ...
typeof func ==='function'的疑惑 -
wkjiangwk：
试了，没用，你们从不去测试。
介绍一下x-webkit-speech -------实现语音输入
分享到：
发表评论
-
如果画圆角图片效果
2013-10-18 16:19 1213原效果在 http://smashingco ... -
bootstrap分拆之table
2013-07-11 14:44 0本文整理一下bootstrap中tabl ... -
触发hasLayout
2013-04-11 14:39 1305触发hasLayout： ... -
document.all细究
2013-04-10 11:22 0document.all的定义： ... -
页面翻转效果
2013-04-01 19:08 0本文收集了一下页面翻转需要的代码： ht ... -
IE6下模拟fixed在scroll的时候有闪动
2013-04-01 18:13 1722IE6下，我们模拟fixed的时候会出现一种 ... -
-ms-filter
2013-04-01 18:14 1519本文简单记录一下-ms-filter ... -
IE9已经支持opacity
2013-04-01 12:12 0前言： 本文主要是看了iefa ... -
IE下的采用filter进行翻转
2013-04-01 19:09 1645本文简单记录一下：IE下使用filter来 ... -
css3案例之---采用rgba实现背景透明内容不透明
2013-03-28 17:44 2673前言： 部分内容来自doy的博 ... -
IE9下的onpropertychange的特殊之处
2013-03-27 19:04 2434场景： 在IE9下，在 ... -
document.createEventObject
2013-03-27 16:25 2012document.createEventOb ... -
QR二维码相关
2013-03-25 14:36 1562前言： 本文主要整理采用Google ch ... -
关于初始加载页面的动画震动
2013-03-22 18:20 1589本文主要来自：http://css-tri ... -
QR二维码相关
2013-03-25 14:34 0前言： 本文主要整理采用Goo ... -
removeNode
2013-03-15 12:53 1313removeNode // ... -
css解决方案之--- 模拟textarea高度自适应
2013-03-11 19:40 1583本文来自zhangxinxu的博客：《div模拟 ... -
设置type="range"为vertical
2013-02-21 16:56 1416如何设置type=“range”为vertical ... -
fireEvent
2013-01-08 16:32 1440fireEvent IE私有函数，可以用来触发某些 ... -
IE下的图片翻转90度倍数的case
2013-01-07 11:11 1418场景：IE下对图片进行*90度的旋转 代码： ...
相关推荐
### 页面变灰样式代码知识点详解 #### 一、概述 在网页设计与开发过程中，有时候我们需要将整个网页变成灰度模式，例如在纪念日或哀悼活动中，网站可能会选择将色彩丰富的图片转换成黑白灰度效果，以此表达敬意或...
标题 "使网页变灰，支持IE、FireFox、Opera、360浏览器等" 提到的是一个关于实现网页变灰效果的技术，这个效果通常在网站上用于表示哀悼或者纪念活动，将整个页面调成灰色。这个技术涉及到浏览器兼容性和JavaScript...
例如，当用户触发某个操作（如提交表单）时，页面变灰并显示加载动画，直到操作完成再恢复原样。 通过这个实例，你可以了解到如何利用jQuery与CSS结合实现网页变灰的效果。记得在实际项目中，根据浏览器兼容性和...
安装完IETester后发现IE10为灰色，并无法打开使用，这里给大家一个方法，可以让IETester IE10正常工作浏览和测试，下载完后把解压文件夹，解压到IETester的IE10目录中去就可以了。
让整个页面变灰的方法之一是通过调整页面所有元素的颜色过滤。这可以通过使用 CSS 的滤镜（filter）属性来实现。滤镜属性允许我们应用不同的视觉效果，如模糊、饱和度调整、颜色转换等。对于灰色效果，我们可以使用 ...
马上要到清明节了，有朋友找我要给页面置灰的方案和方法，在网上搜的方法基本都是在Chrome上直接置灰，在ie上就有点难处理了；我找了下之前在南京遇到公祭日时候，做过类似的操作，为了方便当时用原生js写了一个，...
为了实现特定场景下的页面变灰，我们可以在JavaScript中控制灰色屏幕的显示与隐藏。例如，当用户点击某个按钮或者执行特定操作时，通过改变`gray-screen`的`display`属性，我们可以实现页面从灰色变为正常，或者反之...
### 使整个网站变灰色代码 #### 背景与意义 在特定的哀悼活动中，将网站的颜色调整为灰色是一种表示哀悼和尊重的方式。例如，在2010年4月21日，为了纪念玉树地震中的遇难者，许多网站采取了这种措施来表达对逝者的...
在网页设计和开发中，"弹出层锁窗口 背景变灰 支持Firefox ie6 ie7 opera safari" 是一个常见的需求，主要用于创建一个突出显示特定内容或执行操作的交互式用户体验。这个功能允许在用户与弹出层交互时，使页面背景...
"弹出层锁窗口 背景变灰"这一功能则是为了增强用户体验，当弹出层出现时，背景会变为灰色，使得用户更加专注于弹出的内容，避免了主页面元素的干扰。这个效果适用于多种浏览器，包括Firefox、IE6、IE7、Opera和...
复制代码代码如下: ... -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1); _filter:none; }
在某些特殊时刻，例如国家哀悼日、重大事故纪念日等，很多网站会将页面整体调整为灰色调，以此表达对逝者的尊重与哀思。这种做法不仅是一种视觉上的变化，更是情感和社会责任感的一种体现。 #### CSS滤镜方法 在...
2. 将下载的"IE7.js"文件放在你的网站服务器上的一个合适位置，通常放在`js`或`scripts`这样的目录下。 3. 在你的HTML文档中，通过`<script>`标签引入这个脚本。确保它在所有其他脚本之前引入，因为IE7.js需要在页面...
在本主题中，我们重点关注的是"网站整体灰色调"的设计策略，以及如何确保这种设计在各种浏览器，特别是非IE浏览器如Firefox上实现良好的兼容性。 首先，灰色调的网站设计通常被称为“中性色”设计，它以灰色为主调...
以上介绍了几种常用的使网站变灰的方法，包括使用HTML filter属性、修改全局CSS样式表以及针对特定元素应用CSS样式等。每种方法都有其适用场景和优缺点，开发者可以根据实际情况选择最合适的技术方案。需要注意的是...
在网页设计中，有时为了表示哀悼或特殊纪念，我们需要将网页的颜色调整为黑白色或灰度模式。...通过以上方法，我们可以确保在各种浏览器环境下实现网页的黑白色或灰度显示，同时保证了与IE10和11的兼容性。
在网络论坛如Discuz系统中，修改页面颜色通常只需修改对应控制CSS文件下的特定文件，比如在Discuz论坛中修改`/images/header/header.css`这个文件即可。 在哀悼日或遇难的新闻、专题和主题图片上，应避免使用红色...
在特定场景下，例如纪念日或哀悼活动等，网站可能会选择将所有页面的颜色调整为灰色调，以此来表达一种庄重或哀悼的情感。实现这一功能通常需要通过前端技术，特别是CSS滤镜效果来进行。本文将详细介绍如何利用CSS...
这种效果可以增加用户对页面的互动感，使其更具吸引力。本文将详细介绍如何使用CSS（层叠样式表）实现这种“默认灰色、鼠标悬停变彩色”的效果。 首先，我们需要理解CSS的基本结构。CSS是一种样式表语言，用于描述...