手机
当前位置:查字典教程网 >网页设计 > Div+Css教程 >css滤镜实现页面灰色黑白色效果代码
css滤镜实现页面灰色黑白色效果代码
摘要:淘宝的代码复制代码代码如下:html{filter:progid:DXImageTransform.Microsoft.BasicImage...

淘宝的代码

复制代码 代码如下:

html {

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

-webkit-filter: grayscale(1);

}

CSS3 greyscale 滤镜实现

如下测试代码:

复制代码 代码如下:

.gray {

-webkit-filter: grayscale(100%);

-moz-filter: grayscale(100%);

-ms-filter: grayscale(100%);

-o-filter: grayscale(100%);

filter: grayscale(100%);

filter: gray;

}

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

使用方法:这段代码可以变网页为黑白,将代码加到CSS最顶端就可以实现素装。建议全国站长动起来。为在地震中遇难的同胞哀悼。

如果网站没有使用CSS,可以在网页/模板的HTML代码<head>和</head>之间插入:

<style>

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

</style>

有一些站长的网站可能使用这个css不能生效,是因为网站没有使用最新的网页标准协议

<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<htmlxmlns="http://www.w3.org/1999/xhtml">

请将网页最头部的<html>替换为以上代码。

有一些网站FLASH动画的颜色不能被CSS滤镜控制,可以在FLASH代码的<object…>和</object>之间插入:

<paramvalue="false"name="menu"/>

<paramvalue="opaque"name="wmode"/>

最简单的把页面变成灰色的代码是在head之间加<styletype="text/css">

html{

FILTER:gray

}

</style>

一般的discuz论坛在你的控制css文件下修改/images/header/header.css这个文件

【css滤镜实现页面灰色黑白色效果代码】相关文章:

2种方法实现CSS LI隔行换色

一款纯css3实现的动画加载导航

巧用CSS3 border实现图片遮罩效果代码

CSS+DIV制作页面圆角效果

css3隔行变换色实现示例

用css实现透视效果

纯css实现的tab切换效果

css强制文字不换行实现代码

css3实现闪亮进度条效果

CSS 3实现DIV圆角效果完整代码

精品推荐
分类导航