html{FILTER: gray}或者:将html{FILTER: gray}/style! --BODY {filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);}--/stylehtml xmlns= http://www.w3.org/1999/xhtml param value= opaque name= wmode /

互域东莞网络公司,专业东莞网站设计,东莞网站建设行业里很有竞争力的团队之一。

您的当前位置:互域网络 >> 网站设计知识 >> 网站整体变灰色\变黑白的方法

网站整体变灰色\变黑白的方法

日期:2013-10-12   来源:原创
122013-10

简单的把页面变成灰色的代码是在和之间加 或者:将

简单的把页面变成灰色的代码是在<head>和</head>之间加

<style type="text/css">
html{
FILTER: gray
}
</style>

或者:将<body>改为:

<body style=" filter:Gray ">

第一情况:把下面代码复制到你网页的<head></head>中就可以了实现

<style type="text/css">
<! --
BODY {
filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
}
-->
</style>

第二情况:如果你的站已有CSS,那加入

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

就可以了
 

第三情况:有一些站长的网站可能使用这个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 "/>

缺点:上述代码在Firefox和Opera之类的浏览器就不能用了,新浪、搜狐、网易等大型门户网站之所以可以保持“兼容性”,是因为他们把图片、文字真正的转化为灰色了。

[ 关键字:css ]


相关阅读:
  • 网站HTML文档结构介绍 [11-19] 结构良好的HTML (或者XHTML)文档可能(maybe)包含如下元素:●HTML文档结构(head、 body、 div、 span)。●文字内容。●传达含义和内容结构的语义标注..
  • 东莞网站建设培训介绍 [11-02] 在我们的课程中,我们主要分为十节,每节包括30节课。我们将详细介绍网页的制作和网页制作中使用的软件。网页制作并不难。在学习过程中,网页制作的..
  • 东莞网站制作培训多少钱? [11-02] 首先,学会做网站的前部。一般来说,学习做网站的前端意味着HTML CSS,它是网站页面的骨架,也就是说,我们通常看到网站的一个非常漂亮的部分。现在..
  • 运用HTML与CSS 排版网页简历 [05-19] 运用HTML与CSS 排版网页简历
  • CSS3图标图形生成技术 [04-23] 一、人生如戏、工作亦如戏,且戏且珍惜坊间有云:人生如戏,全靠演技。意思是:人生坎坎坷坷,曲曲折折,跌宕起伏,不可预知,扑朔迷离,好比是戏一..
  • CSS3的REM设置字体大小 [04-02] 在Web中使用什么单位来定义页面的字体大小,至今天为止都还在激烈的争论着,有人说PX做为单位好,有人说EMS优点多,还有人在说百分比方便,以至于出..
  • 利用CSS3制作文字渐变效果 [02-28] 一、翻出旧玩具,培养新感情首先,兼容的文字渐变效果,类似这样的:CSS实现兼容性的渐变、高光等文字效果或者,Chrome当道的文字渐变效果有借助mas..

在线QQ咨询