`
fastwind
  • 浏览: 323833 次
  • 性别: Icon_minigender_1
  • 来自: 天津
社区版块
存档分类
最新评论

教你怎么使网页全部变成灰色的!

阅读更多

很简单的代码在Css中添加下面的代码就可以使网页整个都变成灰色的,包括图片!~

html{filter:gray();}

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

分享到:
评论
1 楼 srg23 2010-04-20  
好像在FF下不兼容。

相关推荐

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

    这种效果可以通过JavaScript脚本实现,使整个网页背景变为灰色,以传达特定的情感氛围。以下将详细介绍如何使用JS代码来实现这一功能,并提供相关教程步骤。 一、JS代码实现原理 1. 首先,我们需要一个JavaScript...

    CSS、HTML网页设计

    本篇文章将深入探讨这两个关键技术,帮助你创建出更绚丽多彩的网页。 首先,HTML是用于定义网页结构的语言,它通过一系列的标签来组织网页的内容,如段落(`<p>`)、标题(`<h1>`到`<h6>`)、链接(`<a>`)、图像...

    旅游航行CSS网页模板

    【旅游航行CSS网页模板】是一种专门用于展示旅游和商务服务的网页设计模板,它采用了蓝色调,以传达专业、清新和可靠的形象。该模板适用于旅游公司、旅行社、商业机构等,帮助他们构建一个吸引眼球、功能齐全的在线...

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

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

    灰色机器模板

    【灰色机器模板】是一款专为个人主页设计的网页模板,其设计风格采用了低调而沉稳的灰色调,赋予了网站...在网页设计的世界里,创意和实践是无止境的,【灰色机器模板】只是你的起点,你的想象力和技巧将决定你的终点。

    默认图片灰色鼠标放上去变彩色css效果特效代码

    当鼠标离开图片时,滤镜会自动恢复,图片再次变为灰色。 这种效果可以通过添加更多CSS滤镜来扩展,例如模糊、亮度调整等。同时,为了兼容旧版浏览器,可以考虑使用JavaScript作为备选方案。例如,使用jQuery库可以...

    CSS 教程.ppt

    }`使所有元素变为黑色。 - 复合选择符:如`body * ul`,表示在`body`元素下的所有`ul`元素,但不包括`body`直接子元素的`ul`。 以上就是CSS的基本概念和使用方法,通过这些知识,你可以有效地控制网页的外观和结构...

    Mootools 1.2教程 Fx.Tween的使用

    【Mootools 1.2 Fx.Tween教程详解】 在Mootools库中,Fx.Tween是用于实现平滑动画效果的一个重要组件。本教程将深入探讨如何使用Fx.Tween来为...通过熟练掌握这些技巧,你将能够创造出更加引人入胜的网页应用程序。

    PHP版站群 全自动泛解析站群程序 赠送教程_PHP泛站_站群_

    这种方式有助于增加网站的网页数量和复杂性,从而提高搜索引擎爬虫的抓取深度,有可能提高网站的整体权重。 "泛域名"则是在顶级域名基础上生成多个子域名,比如将example.com变为blog.example.com、news.example....

    div圆角样式.rar

    在网页布局和设计中,将方形的`div`变为具有圆角的样式,不仅可以提升界面的美观性,还能让用户体验更加舒适,尤其在现代网页设计中,圆角边框已经成为了常见且流行的设计元素。 首先,我们需要了解CSS3中的`border...

    CSS实例教程:制作网页特殊产品列表

    在本篇《CSS实例教程:制作网页特殊产品列表》中,我们将探讨如何使用CSS来创建一个具有特定布局的产品列表,特别是在每个产品项后添加按钮并使其居右对齐。这通常用于显示产品发布日期或其他相关信息,并保持页面的...

    CSS链接样式设计

    在网页设计中,CSS(Cascading Style Sheets)是一种强大的...理解并熟练掌握这四个链接状态以及结合选择器的使用,将使你的网页设计更加专业和个性化。记得在实际项目中不断实践和调整,以找到最适合你的设计风格。

    jquery-image-popup-grey-out:使用 jQuery 弹出背景为灰色的图像

    3. **JavaScript/jQuery 事件**: 可能会使用 `click` 事件来触发图像弹出,用户点击某个元素(如图片链接)时,图像会弹出并覆盖整个页面,背景变为灰色。 4. **DOM 操作**: jQuery 提供了方便的方法来选择、添加、...

    23.1 Bootstrap 表格

    Bootstrap表格是前端开发中常用的一种布局工具,尤其在构建响应式网页时不可或缺。Bootstrap是由Twitter开发并开源的一个前端框架,它提供了一系列预先设计的样式、组件和JavaScript插件,简化了网页开发流程。本篇...

    Flash_MX基本入門教學.pdf

    - **发布为 SWF 格式**:完成动画后,需通过“文件 -> 发布”将动画转换为 `.swf` 格式,以便在网页上播放或供用户下载观看。 #### 三、基本功能介绍 **动画播放测试** - **控制器工具栏**:选择“视窗 -> 工具栏...

    导航栏代码[借鉴].pdf

    为此,我们创建一个ID为“nav”的`<div>`,设定宽度为960px,高度为35px,背景颜色为灰色,并使其在页面中水平居中,距离顶部30px。HTML代码如下: ```html <div id="nav"></div> ``` CSS样式如下: ```css #...

    CSS3实现超酷的鼠标悬停效果

    在这个例子中,当鼠标悬停在`.button`元素上时,背景颜色会由深灰色变为灰色。 接下来,我们可以利用CSS3的transition属性来平滑过渡这些样式变化。transition允许我们定义样式属性从一种状态到另一种状态的过渡...

    CSS参考手册_第3章__CSS基础与书写规范

    这行代码意味着整个网页的`<body>`元素的文本颜色将变为红色。 #### 选择符详解 ##### 通配选择符 通配选择符`*`适用于页面上的所有元素。例如: ``` * { font-size: 12px; } ``` 这会使得页面上所有元素的字体...

Global site tag (gtag.js) - Google Analytics