`
shuaiqixiao4
  • 浏览: 54467 次
  • 性别: Icon_minigender_1
  • 来自: 天津
最近访客 更多访客>>
社区版块
存档分类

让网站页面变灰

阅读更多
这几天是全国哀悼日 ,看到很多的网站,都将网站变成了灰色

有些网站只将标志logo变灰,有的网站全灰,想想那么多的flash,广告图片全部重做一下,这工作量是非常大的,我想应该是用某种技术做的

今天同事说css里有了一个滤镜,我就去看了下css源码,果然,只有了一行代码,既可实现,网站全灰,下面将代码贴出来:

直接在css文件
    body{ filter:Gray; }
    
    或者
    
    body{ filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1); }
    
    均可
    
    其他HTML页面
    
    html { filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1); }
    
    如果是纯HTM页面的可以加在header.htm的Body中间
    
    <style>
    html{filter:progidXImageTransform.Microsoft.BasicImage(grayscale=1);}
    </style>
3
3
分享到:
评论
1 楼 ji12332111 2010-04-22  
在地址栏输入:javascript:alert(document.getElementsByTagName("html")[0].style.filter="gray")

相关推荐

    jquery网页变灰

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

    使整个网站变灰色代码

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

    使整个页面变灰 样式代码

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

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

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

    弹出一个层,页面变灰

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

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

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

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

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

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

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

    整站变灰hui.rar

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

    哀悼日变灰操作

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

    可以让图片变灰

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

    弹出页面背景变灰(php)

    在IT行业中,我们经常需要创建各种用户交互效果来提升用户体验,比如“弹出页面背景变灰”就是一个常见的设计技巧。这种技术通常用于显示模态对话框或者加载等待界面时,使得用户聚焦于弹出的内容,避免对背景内容...

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

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

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

    在某些特殊时刻,例如国家哀悼日、重大事故纪念日等,很多网站会将页面整体调整为灰色调,以此表达对逝者的尊重与哀思。这种做法不仅是一种视觉上的变化,更是情感和社会责任感的一种体现。 #### CSS滤镜方法 在...

    实现了弹出窗口后背景变灰并屏蔽

    在ASP.NET开发中,"实现了弹出窗口后背景变灰并屏蔽"这一功能通常涉及到对话框(Modal Dialog)的使用,以及页面动态效果的实现。这个功能的主要目的是在弹出一个窗口时,使得主页面变得不可操作,以引导用户专注于...

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

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

    JQuery弹出框,背景变灰色

    在弹出框显示时,我们希望页面背景变灰色,以突出弹出框。这可以通过添加一个全屏的半透明覆盖层实现。首先,在 HTML 中添加这个覆盖层: ```html ; position:fixed; top:0; left:0; right:0; bottom:0; background...

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

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

    滤镜使网页变灰.zip

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

    CSS3 网页变灰.txt

    CSS3 网页变灰.txt

Global site tag (gtag.js) - Google Analytics