css滤镜实现页面灰色黑白色效果代码_ Div+Css教程-查字典教程网
css滤镜实现页面灰色黑白色效果代码
css滤镜实现页面灰色黑白色效果代码
发布时间:2016-12-29 来源:查字典编辑
摘要:淘宝的代码复制代码代码如下: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这个文件

相关阅读
推荐文章
猜你喜欢
附近的人在看
推荐阅读
拓展阅读
  • 大家都在看
  • 小编推荐
  • 猜你喜欢
  • 最新 Div+Css教程学习
    热门 Div+Css教程学习
    网页设计子分类