哀悼日---将网站变为黑白色的方法

最新推荐文章于 2022-12-01 00:12:20 发布

c_sharp_Rookie

最新推荐文章于 2022-12-01 00:12:20 发布

阅读量1.2k

点赞数

分类专栏：前台文章标签： filter html css xhtml flash object

前台专栏收录该内容

0 篇文章

订阅专栏

本文介绍了一种通过CSS滤镜使网页呈现灰度显示的方法。针对不同情况提供了多种代码实现方案，包括直接在HTML头部添加样式、修改现有CSS文件以及解决某些特殊情况下的兼容性问题。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

最简单的把页面变成灰色的代码是在head 之间加
<style type="text/css">
html {
FILTER: gray
}
</style>
第一情况：把下面代码复制到你网页的<head></head>中就可以了实现
<style type="text/css">

</style>
第二情况：如果你的站已有CSS，那加入
html { filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1); }
就可以了
第三情况：如果你的CSS中已有BODY {}那么你就加入
filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
例如：
BODY {
FONT-SIZE: 12px; MARGIN: 0px; COLOR: #000000; BACKGROUND-COLOR: #ffffff;
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"/>