`

网页变灰代码

    博客分类:
  • CSS
阅读更多
百度空间换素装方法:在css代码首部加入一行:
body{filter: gray()!important; }

DVBBS修改方法:

修改你论坛的skins/default.css 在开头加上如下代码就可以了。

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

其他网站也可参考上面代码。将如上代码加到网站模板风格css文件里。

如果网站CSS代码里已经有html{原有标签内容} 那么 将上面代码加到 html{标签内容} 里,
变成 html{原有标签内容 filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1); }

如果网站CSS代码里没有html{原有标签内容} 而有 body {原有标签内容}
那么 将上面代码加到 body {标签内容} 里,
变成 body{原有标签内容 filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1); }

都可以实现效果。

如果网站没有使用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>
使用方法:这段代码可以变网页为黑白,将代码加到CSS最顶端就可以实现素装。
分享到:
评论

相关推荐

    使整个网站变灰色代码

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

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

    本文将深入讲解如何利用JavaScript来改变网页的颜色,并提供亲测有效的代码示例。 首先,我们要理解JavaScript的基本概念。JavaScript是一种解释型、跨平台的编程语言,主要应用于Web开发,负责处理用户交互、操作...

    jquery网页变灰

    在上面的代码中,我们创建了两个按钮,一个用于使网页变灰,另一个用于恢复。当用户点击"grey-out-button"按钮时,`grey-out`类被添加到`body`元素上,从而使得整个页面变灰。反之,点击"restore-button"则移除该类...

    利用CSS将网站网页变灰色代码示例

    这段CSS代码可以变网页为黑白,将代码加到CSS最顶端就可以实现素装。 html{ filter: grayscale(100%); -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: ...

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

    根据提供的文件信息,我们可以深入探讨如何通过CSS代码将整个网页设置为灰色,以此来纪念特定事件或表达哀悼之情。 ### 网页全部显示为灰色的代码 #### 背景介绍 在某些特殊时刻,例如国家哀悼日、重大事故纪念日...

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

    "基于层的网页弹出提示,可移动,网页变灰"这个压缩包文件包含了实现这一功能的相关资源。 首先,"基于层的网页弹出提示"指的是在网页中创建一个独立的、可以浮动的元素,用来展示提示信息。这个层通常位于其他页面...

    使整个页面变灰 样式代码

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

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

    ### 网站变灰色代码方法大集合 随着时代的变迁和社会事件的发生,有时我们需要将网站的颜色调整为灰色,以此表达哀悼或者响应某些社会活动的需求。对于网站开发者来说,掌握几种快速有效的方法来实现这一转变是非常...

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

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

    CSS代码使网页呈灰色

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

    lightbox弹出窗口背景变灰代码

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

    网页右侧蓝灰色QQ在线客服代码

    始终固定在网页右上角的一款qq在线客服代码 当然,你也可以做适当修改 在其中添加号码、msn之类的账号聊天接口 距离网页顶部100px,可根据实际需要做适当修改 当然,最大的特点是代码简洁,整体蓝灰色 能...

    网页调用代码/JS代码

    网页,网站顶部,代码可以填入调用,也可上传网站JS调用!

    网页右侧蓝灰色QQ在线客服代码.zip

    始终固定在网页右上角的一款qq在线客服代码 当然,你也可以做适当修改 在其中添加电话号码、msn之类的账号聊天接口 距离网页顶部100px,可根据实际需要做适当修改 当然,最大的特点是代码...

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

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

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

    通过链接(已省略)可以获取更详细的代码和解释,不过在这里,我们将基于常见方法来探讨如何实现网页变灰。 网页变灰主要通过CSS或JavaScript来实现。对于CSS,可以使用滤镜效果,但这种方法仅适用于支持CSS3的现代...

    HTML5酷站源码网页HTML5模板源码代码(14个).rar

    01 HTML5 + PHP 清爽靓丽风格全站生成静态深度seo整站纯绿色代码...................06 大气时间轴图片滚动扁平化风格html5模板07 收集一些HTML5+CSS3 +JS的网页常用实例源代码08 灰色居左简洁大气的HTML5网站模板09...

    滤镜使网页变灰.zip

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

    JavaScript 图片点击后变灰色的CSs代码.rar

    要让图片变灰,可以利用CSS的滤镜(filter)属性,特别是`grayscale()`函数。这个函数可以将图片转换为灰度图像,参数值为0表示无灰度效果,1表示完全灰度。例如,我们有一个图片元素: ```html ``` 我们可以添加...

Global site tag (gtag.js) - Google Analytics