`
pouyang
  • 浏览: 320122 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

Css 网页变灰色

    博客分类:
  • Css
阅读更多
每次国家大难,举国默哀之际,灰色最能体现。
<style type="text/css"> 
html { 
   filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1); 
     } 

/* 
   或者 
   html *{filter:gray;} 
   或者 
   body *{filter:gray;} 
  */ 

</style>
<script type="text/javascript">
   //js控制的也是html样式而已
   parent.document.getElementsByTagName("html")[0].style.filter = "gray";
</script>
 


这个只能用在ie下,ff下就没办法了,现在通用的就是修改样式表,处理图片,不过这有些工作量的,一般网站没必要这么做。

分享到:
评论

相关推荐

    蓝灰色质感CSS模板-蓝灰色 质感 背景 漂亮 导航 渐变 整体色 web20.rar

    【蓝灰色质感CSS模板】是一种常见的网页设计资源,它结合了蓝色和灰色调,创造出一种低调而优雅的视觉效果。这种模板通常适用于那些希望呈现专业、简洁和现代感的网站。CSS(Cascading Style Sheets)是网页设计中的...

    灰色网页CSS网页模板

    【灰色网页CSS网页模板】是一种常见的网页设计资源,主要用于创建具有专业、商务风格的网站。在网页设计领域,CSS(层叠样式表)是用于控制网页元素布局和样式的语言,而HTML(超文本标记语言)则负责构建网页的基本...

    灰色复古CSS网页模板

    【灰色复古CSS网页模板】是一种基于CSS(Cascading Style Sheets)技术的网页设计样式,旨在营造出一种具有历史感和沉稳氛围的网站界面。CSS是网页布局和设计的核心工具,它允许开发者分离内容与表现,使得网页的...

    灰色幻影css网页模板

    "灰色幻影CSS网页模板"是一款专为网页设计者打造的样式模板,它以其独特的灰色调和简洁的设计风格,为网站构建提供了基础框架。这款模板主要依赖于CSS(层叠样式表)技术来控制网页的布局和外观,使得网页呈现出专业...

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

    在网页设计中,将整个页面变为灰色是一种表达哀悼或纪念特定事件的方式。"DIV+CSS" 是一种常见的网页布局技术,通过它们可以轻松实现页面颜色的改变。本篇文章将详细讲解如何使用 CSS(层叠样式表)来将你的网站转变...

    网页主题CSS网页模板

    网页主题CSS网页模板是网页设计中的一个重要组成部分,它关乎到网站的整体视觉效果和用户体验。CSS,全称为Cascading Style Sheets,是一种样式表语言,用于描述HTML或XML(包括如SVG、MathML等各种XML方言)文档的...

    CSS代码使网页呈灰色

    标题中的“CSS代码使网页呈灰色”以及描述中提到的内容,主要涉及的是使用CSS滤镜技术来改变网页的整体色彩风格,使其呈现黑白或灰色调。这通常用于网站在某些特殊时期,如哀悼日,表达敬意和哀思。下面我们将详细...

    灰色商务CSS网页模板

    【灰色商务CSS网页模板】是一种专门用于创建专业且低调的商业网站的设计框架。CSS(Cascading Style Sheets)是网页设计中的核心技术,它用于控制网页的布局和样式,使其能够呈现出美观、统一的视觉效果。这个模板以...

    全球网络CSS网页模板

    这个“全球网络CSS网页模板”以灰色为主色调,这种色彩选择通常给人一种专业且低调的感觉,适合用于商业或企业环境。灰色调的设计往往能更好地突出内容,而不是吸引观众对设计本身的注意。此外,模板还涵盖了网络、...

    使整个网站变灰色代码

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

    灰色斜纹css网站模板

    【灰色斜纹CSS网站模板】是一种常见的网页设计资源,它主要由HTML结构和CSS样式组成,为网页开发者提供了一个简洁而优雅的布局基础。在这个模板中,“灰色”代表了色调,通常给人一种专业、低调和平衡的感觉,适用于...

    前端使用CSS把网页设置成灰色的几种方案

    在国家公祭日或举国哀悼的时候,一些网页会设置成灰色,有的是全部都是灰色,有的网页只是首屏变成灰色,有的网页是除去头像或某部分外其他的部分是灰色,我们可以使用下面几种方式来实现filter,backdrop-filter,...

    质感灰色纹理CSS模板

    【质感灰色纹理CSS模板】是一种专门用于网页设计的模板,其特点在于采用了质感灰色纹理作为主要设计元素,这种设计风格倾向于扁平化,符合现代网页设计的趋势,旨在为科技工作室等专业领域提供一种简洁、高质感的...

    css3实现的灰色的漂亮的导航条按钮

    本教程将深入探讨如何使用CSS3来实现一个灰色且美观的导航条按钮,主要涉及的技术包括渐变、阴影、边框半径以及过渡效果。 首先,让我们从基础开始。在HTML中,我们需要定义导航条的基本结构,通常是一个`&lt;ul&gt;`列表...

    黑灰色简约风格CSS3模板

    【黑灰色简约风格CSS3模板】是网页设计领域中一种以深色系为主的网页模板,其特点是采用黑灰色调,营造出低调而精致的视觉效果。CSS3是层叠样式表(Cascading Style Sheets)的第三版,是网页样式控制的重要技术,它...

    灰色免费英文网站CSS模板_灰色 英文 html.zip

    在这个灰色免费英文网站CSS模板中,开发者可能已经预设了导航栏、主要内容区域、侧边栏、页脚等常见网页布局,并通过CSS实现了灰色调的统一风格。用户下载解压后,只需替换相应的HTML内容,就能快速定制自己的英文...

    灰色简洁布局css3模板

    【灰色简洁布局css3模板】是一种网页设计资源,它利用了CSS3的最新特性来创建一个简约、低调的网页布局。CSS3是层叠样式表(Cascading Style Sheets)的第三个版本,提供了许多增强的功能,如动画、选择器、布局模式...

    灰色商业网店CSS网页模板

    【灰色商业网店CSS网页模板】是一款专为商业网店设计的网页模板,采用了低调而专业的灰色调,旨在为商业网站提供一种简洁、清晰且具有商务感的界面设计。此模板广泛适用于各类公司、企业,尤其是电商行业的在线商店...

    灰色半透明CSS商务模板

    【灰色半透明CSS商务模板】是一款专为商务网站设计的英文网页模板,其特色在于采用灰色调和半透明效果,营造出一种简洁而高级的视觉体验。在网页设计领域,CSS(Cascading Style Sheets)是用于描述HTML或XML(包括...

    蓝灰色质感CSS模板_蓝灰色 质感 背景 漂亮 导航 渐变 整体色 web20_html网站模板_网页源码移动端前端_.rar

    该压缩包文件包含了一个以蓝灰色为主调的CSS模板,设计风格强调质感和美观,适合用于创建具有现代感和专业性的网页。模板中融入了漂亮的导航元素、渐变色彩以及统一的整体色调,体现了Web 2.0的设计理念。这个HTML...

Global site tag (gtag.js) - Google Analytics