< -- 星星之火,可以燎原 -- >
首  页Python 电脑应用股票操盘经典收藏摄影学习网站设计学习资料杂感随笔留言本
热门话题:人生股票故事生活操盘系统古典阿零经典燎原股市投资
当前到访用户:天涯游客        
15
兼容性很好的整站网页变黑白CSS代码
2014-9
作者:阿零整理 | 来源:网络搜集 | 分类:网站设计 | 阅读:284 次 | 评论:2 条

今天整理电脑,翻到了一段让整站网页变黑白(全站变灰)的CSS代码,这段代码其实也没什么难的知识点,主要是在重大灾难或伤亡的情况下,博客或网站站长用来悼念逝去的生命,以此表达人们的哀念之情。因此,阿零觉得还是很有意义并且值得留下了。亲自测试了一下,这个应该是当前兼容性比较好的一段整站变灰CSS代码,在IE8、IE9、IE10、遨游、360安全浏览器、Firefox火狐、Chrome谷歌、Opera欧朋、UC浏览器下测试有效。


题外话:不知不觉间,AOE博客已经运行了500天,看到这个数字,阿零的心里除了感叹还是感叹!



主流浏览器图标集合

html {
filter: grayscale(100%);
-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
-ms-filter: grayscale(100%);
-o-filter: grayscale(100%);
filter: url(desaturate.svg#grayscale);
filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
-webkit-filter: grayscale(1);
}


使用方法:把代码放到CSS文件最上面即可。


有一些网站FLASH动画的颜色不能被CSS滤镜控制,可以在FLASH代码的之间插入:

<param value="false" name="menu"/>
<param value="opaque" name="wmode"/>


以上CSS代码可以把网站的网页变为黑白,以表哀悼。只需将代码加到CSS文件或网页最顶端就可以实现素装。经测试,兼容性较好,请大家参考和指正。

该文由本站从【网络搜集整理】,并于【2092天前】发表在【网站设计】下,您可以对本文【发表评论】,或者引用(转载)到您的个人博客或网站,但请保留文章的源地址及原作者等的相关信息。
【文章标题】:兼容性很好的整站网页变黑白CSS代码
【链接地址】:http://aoeboke.com/archives/1409152251.html
【文章标签】:CSS代码 网页设计 全站变灰 
网友评论:本文当前共有【2】条评论。
第2楼:匿名游客【IP:35.240.166.80】于 2020/4/4  00:47 对本文发表评论:
亲测,不兼容IE10
【阿零】于 2020/4/4 回复:感谢参与评论。
第1楼:进销存软件【IP:182.149.207.123】于 2014/9/26  17:42 对本文发表评论:
非常不错的文章,过来看看学习,希望博主分享更多好的文章。

【轻松掌柜软件】-关注中小企业及管理软件应用
【阿零】于 2014/9/28 回复:感谢参与评论。
昵称:*
邮箱:*
网站:
验证:看不清?点一下 *
本站公告
欢迎各位朋友的到来,【燎原博客】是博主自己编写网站源码设计制作的个人博客,如果您在浏览中发现有不足的地方或者有什么建议,衷心希望能反馈给我,谢谢!
淘宝客
阅读排行
按月归档
网友评论
文章标签
最新发表
博客统计
文章总数:297 篇
评论总数:119 条
留言总数:23 条
注册会员:17 人
本周更新:1 篇
网站运行:2592 天
最后更新:2020/6/7 10:38
【燎原博客】部分内容来源于网络,版权归原作者所有,如有冒犯实属无意,请及时联系告之,博主在此先行向您致歉,并将在第一时间进行删改。
本站是博主自己设计制作并编写网站程序源码,主要记录个人生活、网站设计、学习电脑及网络应用知识,并介绍一些特色软件和股票指标公式的个人博客类网站。
Designed and Powered by zhlinpb CopyRight © 2013 燎原  All Rights Reserved  滇ICP备13002614号