手机
当前位置:查字典教程网 >网页设计 > 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滤镜实现页面灰色黑白色效果代码】相关文章:

通过css加载远程字体示例代码

CSS3 实用技巧:实现黑白图像效果示例代码

css3隔行变换色实现示例

纯CSS代码实现翻页焦点图效果

高效整洁CSS代码

css实现图片在div中居中的效果

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

文字环绕图片的布局效果

CSS+DIV制作页面圆角效果

CSS样式表实现效果很好的分页效果源代码

精品推荐
分类导航