使整个网页变黑白色(灰色)的特效代码

简介: 使用方法: 最简单的把页面变成灰色的代码是在head 之间加 <style type="text/css"> html { FILTER: gray } </style> 第一情况:把下面代码复制到你网页的<he

使用方法:

最简单的把页面变成灰色的代码是在head 之间加

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

第一情况:把下面代码复制到你网页的<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中已有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"/>

相关文章
|
9月前
|
前端开发
前端——背景图片显示以及悬浮状态下变色的情况
前端——背景图片显示以及悬浮状态下变色的情况
|
4月前
鼠标不同方位移入特效
鼠标不同方位移入特效
|
5月前
|
前端开发
rgba、十六进制颜色是什么?如何这两个表达白色、黑色、红色、绿色、蓝色?
rgba、十六进制颜色是什么?如何这两个表达白色、黑色、红色、绿色、蓝色?
|
5月前
边框虚线滚动动画特效
边框虚线滚动动画特效
|
6月前
颜色拾取器
颜色拾取器
25 0
|
9月前
|
编译器 Windows
<1>[QTCN]颜色拾取器
桌面置顶 获取全局鼠标坐标和颜色(Web值、RGB) 新增: 按下鼠标右键停止/开启
55 1
|
前端开发
将整个网站变为黑白色
将整个网站变为黑白色
将整个网站变为黑白色
|
Android开发
autojs圆形波纹和方形波纹
牙叔教程 简单易懂
121 0
SwiftUI—使用角度渐变制作顺时针的扇形渐变颜色
SwiftUI—使用角度渐变制作顺时针的扇形渐变颜色
316 0
SwiftUI—使用角度渐变制作顺时针的扇形渐变颜色