网站变灰代码 兼容主流浏览器 为灾区祈祷
起首,为雅安地动灾区罹难同胞默哀! 本日有许多网站的首页都变灰了,我们也找了许多变灰的要领,可是网上的大部门都不可以或许实现此刻赏识器的兼容题目。这里我们找到一个CSS和一个JS代码,可以同时支持除IE10(我这边测试稳固会)觉得其余赏识器,IE6、IE7、IE8、IE9、谷歌赏识器、Opera、猎豹赏识器、360赏识器、傲游赏识器等主流赏识器。 下面这段代码支持IE6到IE9和谷歌内核赏识器: html{filter: grayscale(100%);-webkit-filter: grayscale(100%);-moz- filter: grayscale(100%);-ms-filter: grayscale(100%);-o-filter: grayscale(100%); filter: url("data:image/svg+xml;utf8, filter: url("data:image/svg+xml;utf8, 'grayscale'> 'grayscale'> 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0'/> #grayscale"); filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);-webkit-filter: grayscale(1);} html{filter: grayscale(100%);-webkit-filter: grayscale(100%);-moz- filter: grayscale(100%);-ms-filter: grayscale(100%);-o-filter: grayscale(100%); filter: url("data:image/svg+xml;utf8,'grayscale'>0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0'/>#grayscale"); filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);-webkit-filter: grayscale(1);} 其它Opera赏识器貌似不行以,就必要用到这段JS代码: 直接复制就可以用的,这两段代码根基上兼容了此刻大部门赏识器,比那些其余的被复制了N遍的老代码许多几何了!结果展示:http://www.94897.com/ (编辑:河北网) 【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容! |