下面总结出来实现网站黑白代码都不是完全兼容了,现在要完全兼容网站黑白效果的代码暂时还没有哦,下面我来介绍Chrome、火狐的。
Chrome、火狐
代码如下
复制代码
<style type=”text/css”>
html {
filter: url(“data:image/svg+xml;utf8,<svg%20xmlns=’http://www.w3.org/2000/svg’><filter%20id=’grayscale’><feColorMatrix%20type=’matrix’%20values=’0.3333%200.3333%200.3333%200%200%200.3333%200.3333%200.3333%200%200%200.3333%200.3333%200.3333%200%200%200%200%200%201%200′/></filter></svg>#grayscale”); /* Firefox 3.5+ */
filter: gray !important; /* IE6+ */
filter: grayscale(100%); /* Current draft standard */
-webkit-filter: grayscale(100%); /* New WebKit */
-moz-filter: grayscale(100%);
-ms-filter: grayscale(100%);
-o-filter: grayscale(100%);
}
* {
filter: gray !important; /* IE6+ */
}
</style>
一句代码支持IE
代码如下
复制代码
html { filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1); }