展会信息港展会大全

利用CSS实现网站黑白效果代码
来源:互联网   发布日期:2016-03-25 16:12:07   浏览:1713次  

导读:下面总结出来实现网站黑白代码都不是完全兼容了,现在要完全兼容网站黑白效果的代码暂时还没有哦,下面我来介绍Chrome、火狐的。Chrome、火狐代码如下复制代码 <...

下面总结出来实现网站黑白代码都不是完全兼容了,现在要完全兼容网站黑白效果的代码暂时还没有哦,下面我来介绍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); }

赞助本站

人工智能实验室

相关热词: 开发 编程 android

AiLab云推荐
展开

热门栏目HotCates

Copyright © 2010-2024 AiLab Team. 人工智能实验室 版权所有    关于我们 | 联系我们 | 广告服务 | 公司动态 | 免责声明 | 隐私条款 | 工作机会 | 展会港