这篇文章主要介绍了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如何将整个网页变成黑白色内容对大家有帮助,同时也希望大家多多支持,关注行业资讯频道,遇到问题就找,详细的解决方法等着你来学习!