`
fydddasas
  • 浏览: 39937 次
  • 性别: Icon_minigender_1
  • 来自: 海南
社区版块
存档分类
最新评论

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

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

使用方法:这段代码可以变网页为黑白,将代码加到CSS最顶端就可以实现素装。建议全国站长动起来。为在地震中遇难的同胞哀悼。

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

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

有一些站长的网站可能使用这个css 不能生效,是因为网站没有使用最新的网页标准协议

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

一般的discuz论坛在 你的控制css 文件下修改/images/header/header.css 这个文件
[hjmAdNone]

from:http://infos.edulife.com.cn/201004/21090187244.html
分享到:
评论

相关推荐

    css滤镜实现鼠标悬停图片变黑白(灰色)

    效果描述: 默认图片是彩色效果,当鼠标悬停在图片上后,图片变成灰白色 (注意:不兼容IE10) 原理: 其实只要给图片悬停的hover效果加一个样式即可,即 filter: grayscale(100%); 使用方法: ...

    网页变成灰色的方法

    #### CSS滤镜:`filter`属性 在现代Web开发中,CSS提供了强大的`filter`属性,该属性可以应用于任何元素,包括HTML文档中的`&lt;html&gt;`和`&lt;body&gt;`标签,用于修改这些元素的渲染方式。具体到本例中,我们关注的是如何...

    网页变黑白色,兼容IE10、IE11

    首先,我们可以利用CSS3中的滤镜(filters)属性来实现这一效果。滤镜可以对元素的视觉外观进行修改,包括颜色调整。对于黑白色或灰度效果,我们可以使用`grayscale()`函数。例如: ```css body { filter: ...

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

    2008.5.12四川汶川大地震,带走了很多生命,令人... 相关文章:网站变黑白色CSS一行代码实现 。  为了方便个人站长表示哀悼,现总结CSS实用滤镜代码,做些微的调整,即可将网站转换为“黑、白、灰”风格。 方法一: ...

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

    这是一种最简单的将页面变成灰色的代码。 FLASH 动画的颜色控制 如果您的网站使用了 FLASH 动画,而 CSS 滤镜不能控制其颜色,可以在 FLASH 代码的 `…&gt;` 和 `&lt;/object&gt;` 之间添加以下代码: ```html ``` ...

    如何把我们的网站变成黑白色或是灰色

    在网页设计中,有时为了表示哀悼、纪念或者创建特定的视觉效果,我们可能需要将网站变为黑白色或灰色调。本文将介绍五种方法,教你如何通过CSS(层叠样式表)技术轻松实现这一目标。 1. 修改CSS文件: 这是最常见...

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

    此外,对于仍然使用FLASH元素并且无法通过CSS滤镜改变其颜色的网站,可以在FLASH代码的标签内添加如下参数:`&lt;param name="wmode" value="opaque"/&gt;`。这会让FLASH元素的背景透明,从而使其与网页中的灰度效果一致。...

    收藏的几个css按钮样式

    它还使用了Microsoft的滤镜`progid:DXImageTransform.Microsoft.Gradient`来创建从白色到淡灰色的水平渐变效果。鼠标悬停时,这个按钮将显示为可点击状态,通过`CURSOR: hand;`设置手形光标。 2. `.btn1_mouseout` ...

    css按钮样式

    - `FILTER`: 这个属性用于应用IE特有的滤镜效果,这里设置了渐变色。`GradientType=0`表示线性渐变,从白色到`#cecfde`。 **5. 光标样式** - `CURSOR`: 设置鼠标悬停在按钮上时显示的手型光标。 **6. 文本颜色**...

    整站变灰hui.rar

    在这个名为"整站变灰hui.rar"的压缩包中,包含了一个名为"整站变灰hui.js"的JavaScript文件,这很可能是实现这种效果的代码。 JavaScript,简称JS,是一种轻量级的解释型编程语言,广泛用于网页和网络应用开发。在...

    黑暗主题登陆页面:Fylo的黑暗主题登陆页面

    在Fylo的案例中,可能是使用了深色背景和白色或淡灰色的文字。 2. **色彩模式**:利用CSS的`color-scheme`属性可以设置页面的主题,支持浅色和深色模式,以便在用户的系统设置中自动切换。 3. **过渡和动画**:...

    CSS按钮样大全.txt

    - **背景渐变**: `FILTER` 属性使用了IE特有的渐变滤镜效果,从白色渐变到淡灰色。 - **鼠标指针**: `CURSOR` 属性设置为手形,表示该元素可被点击。 - **文字颜色**: `COLOR` 设置了文本颜色为黑色。 **2\. .btn1_...

    灰色信息网页模板

    图片可以经过黑白处理、半透明效果或添加灰度滤镜,与整体风格保持一致。同时,图片应具有相关性和引人入胜的视觉效果。 5. **交互设计**:交互设计是提升用户体验的重要环节。按钮、链接、提示信息等交互元素的...

    CSS 图片

    CSS滤镜功能则提供了许多有趣的图片效果。比如,`filter: grayscale(100%);`可以将图片转化为全黑白色的灰度效果。需要注意的是,此属性在较旧的浏览器如Internet Explorer和早期的Safari版本中可能不被支持。 最后...

    novoBw:具有黑白布局的新吉尔玛网站

    【标题】"novoBw:具有黑白布局的...而"novoBw-main"可能代表了项目的主要CSS文件,里面包含了实现这个黑白布局的具体代码。在实际开发中,可以结合HTML结构和JavaScript来完善这个设计,实现完整的交互功能和动态效果。

    ASP.net开发经典button样式

    - **背景效果**:使用了 IE 特有的滤镜属性 `FILTER: progid:DXImageTransform.Microsoft.Gradient` 来实现渐变效果,从纯白色 (#ffffff) 渐变至浅灰色 (#cecfde)。 - **鼠标样式**:设置为手形指针 (`CURSOR: hand`...

    遮罩应用&nbsp;

    这些效果可以通过混合模式、滤镜和自定义着色器来实现。 总的来说,遮罩技术是数字媒体创作中的一个重要工具,无论是在静态设计还是动态交互中都有着广泛的应用。理解和熟练掌握遮罩,能够极大地提升我们的创作能力...

    css box-shadow阴影不透明的解决办法

    在网页设计中,CSS的box-shadow属性常被用来为元素添加阴影效果,以增加层次感和立体感。然而,在实际使用box-shadow时,我们可能会遇到一些问题,比如阴影并不是完全透明的效果,而是显示出一定的不透明度。这个...

Global site tag (gtag.js) - Google Analytics