每一个网站背后都有一个故事!  会员中心 会员登录   设为首页 设为首页   加入收藏 收藏百万站   百万学院 百万学院  
 
 
您当前位置:百万站 > 乐园 > 百万学院 > 网页设计
»点此完善

百万站官网资料-如何使网站变灰的方法大全(兼容火狐,360,chrome浏..

如何使网站变灰的方法大全(兼容ie,狐,360,chrome)

每逢全国哀悼日,如四川雅安芦山发生7.0级别大地震,不少网站首页已经变成了灰色表示哀悼。下面百万站整理了几种让网页变灰色的CSS代码,供各位站长参考!

方法1:支持IE

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

说明:此方法支持IE,不支持Firefox和Chrome等非IE内核浏览器。

方法2:支持IE

body {filter:gray}

说明:此方法支持IE,不支持Firefox和Chrome等非IE内核浏览器。

提示:虽然这个方法代码量最小,但是效果却不好,而且网页也比较卡。

方法3:同时支持IE和Chrome

html {overflow-y:scroll;filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);-webkit-filter: grayscale(100%);}

说明:此方法支持IE浏览器、360、Safari和Chrome等浏览器,但是不支持Firefox浏览器。

方法4:使用gray_baiwanzhan.js插件

使用gray_baiwanzhan.js插件。这个插件是模拟IE的filter:progid方法。

使用方法:

gray_baiwanzhan.js插件源文件:http://cn.baiwanzhan.com/js/gray_baiwanzhan.js

window.onload=function(){
grayscale(document.body);
}

说明:支持IE、360、Safari、Chrome、Opera和Firefox等浏览器。

问题:这个在IE下也挺占资源的。

方法五:支持ie

找到你的CSS文件然后修改css代码文件。在以下的文件当中
form,div,span,img,ul,ol,li, {
加入filter: Gray;

百万站建议:使用方法3,虽然不支持更多的浏览器,但是稳定、速度快,而且资源占用小。

以上方法均可达到使网站变灰色的效果,让我们一起为遇难同胞默默的哀悼。

适⑾⑿⒀⒁⒂⒃优∮水 火

适⑾⑿⒀⒁⒂⒃优∮水 火


Bai Wan Zhan . Com
上一站:  2013年网页设计技术的新趋势有哪些?
当前推荐网站:  如何使网站变灰的方法大全(兼容火狐,360,chrome浏览器)
下一站:  目前,支持Html5的浏览器有哪些?


申明:本资料由百万站会员提供,转载请注明出处,资料来源百万站网站知识库:http://www.baiwanzhan.com/site/t132101/.
如何使网站变灰的方法大全(兼容火狐,360,chrome浏览器) 感谢您的支持!

»如果您觉得'如何使网站变灰的方法大全(兼容火狐,360,chrome浏览器)'相关资料不全,请点此协作更新!
复制本页网址,与您QQ/MSN上的好友分享,就是您对百万站最大的支持!
踩踩此网站0
支持此网站1
(提示:顶到百万站首页,分享给更多网友!)  
现在有1人对'本文'发表评论 »查看全部评论
1楼 小叶子 [58.48.126.*] 发表于 2013/04/21/ 10:57:00
挺好,支持,学习了。

您的姓名: * 可选项,留空即为匿名发表
评论内容:
剩余字数:  * 按 Ctrl + Enter 发送.
           
百万站温馨提示:资料由百万站会员自行发布,请大家自辩真伪;评论只需提交一次,请耐心等候审核通过,方可显示.
»网友留言(1)

如何使网站变灰的方法大全(兼容火狐,360,chrome浏..

贡献者:webuser101点击数: 累积有7524人浏览
所属类别:网页设计主页标签:网站变灰 全国哀悼日 
参考网址:http://www.baiwanzhan.com/site/t132101/
导航目录:乐园 > 百万学院 > 网页设计
内容简介:每逢全国哀悼日,如四川雅安芦山发生7.0级别大地震,不少网站首页已经变成了灰色表示哀悼。下面百万站整理了几种让网页变灰色的CSS代码,供各位站长参考!
2019,与百万网友携手打造百万站!
百万站-百万优秀网站的大本营!我们深信:每一个优秀网站的背后都有一个值得我们解读的故事。
合 作 伙 伴