css如何将整个网页变成黑白色

  介绍

这篇文章主要介绍了css如何将整个网页变成黑白色,具有一定借鉴价值,需要的朋友可以参考下。希望大家阅读完这篇文章后大有收获。下面让小编带着大家一起了解一下。

全站css代码。

html{过滤器:progid: DXImageTransform.Microsoft.BasicImage(灰度=1);}

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

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

& lt; style>   html{过滤器:progid: DXImageTransform.Microsoft.BasicImage(灰度=1);}   & lt;/style>

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

& lt; !DOCTYPE html公众“-//W3C XHTML 1.0//DTD//EN"过渡;“http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"比;   & lt; html xmlns=癶ttp://www.w3.org/1999/xhtml"祝辞

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

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

& lt;参数值=https://www.yisu.com/zixun/癴alse”name="菜单"/>   

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

& lt;风格类型=拔谋?css"比;   html {   过滤器:灰色   }   & lt;/style>

一般的康盛创想论坛在你的控制css文件下修改

/图片/头/头。css这个文件,

<强> css方法

用到软件Firefox(安装firebug)插件;ie7或者IE 8必须带开发者工具(按F12会出现)

大家都知道在IE浏览器中,可以使用一段代码身体{过滤器:灰色;}用微软的滤镜代码将网站整体去色成为黑白灰色调效果,但是并不兼容Firefox等其他非IE浏览器。

css网站灰色调(只支持IE)

行内样式:

elem.style。过滤器=& # 39;progid: DXImageTransform.Microsoft.BasicImage(灰度=1)& # 39;;

css样式表:

elem{过滤器:progid: DXImageTransform.Microsoft.BasicImage(灰度=1),

/*元素必须“hasLayout" !*/

变焦:1;}

因为火狐不支持滤镜的,所以昨天用火狐的童鞋可以发现很多网站(人人,19楼)还是彩色的。

这边涉及到浏览器兼容问题,还有css黑客等等。

昨天只要用IE或者Firefox的firebug把身体{过滤器:灰色;}前面的勾勾掉,或者把elem.style。过滤器=& # 39;progid: DXImageTransform.Microsoft.BasicImage(灰度=1)& # 39;;这句话的勾勾掉就可以看到彩色了

至于Flash如何变灰色,还有如何做到各种浏览器兼容的黑白网站,我也就贴下代码了,至于为什么这么写,我就不赘述了。有兴趣的朋友可以去网上搜搜答案。

<>强闪光的变灰:

有一些网站Flash动画的颜色不能被CSS滤镜控制,可以在Flash代码的& lt;对象…祝辞和& lt;/object>之间插入:

& lt;参数值=https://www.yisu.com/zixun/癴alse”name="菜单"/>

& lt;参数值=https://www.yisu.com/zixun/安煌该鳌钡拿? "窗口模式"/>

<强> JavaScript

使用:

//方法一var el=文档。getElementById (& # 39; myEl& # 39;);灰度(el);//方法二灰度(document.getElementsByTagName (& # 39; div # 39;));//jquery中使用:灰度($ (& # 39;div # 39;));

重置:

灰度。重置(el);//同样,重置方法也可用于jquerygrayscale。重置($ (& # 39;div # 39;));

预处理:

灰度。准备(. getelementbyid (& # 39; myEl& # 39;));//jquery中也可使用灰度。准备((& # 39;.gall_img& # 39;));

感谢你能够认真阅读完这篇文章,希望小编分享css如何将整个网页变成黑白色内容对大家有帮助,同时也希望大家多多支持,关注行业资讯频道,遇到问题就找,详细的解决方法等着你来学习!

css如何将整个网页变成黑白色