Jquery中文网 > CSS教程 > 经典实例 > 正文利用CSS实现网站黑白效果代码

利用CSS实现网站黑白效果代码

发布时间：2020-05-15 编辑：www.jquerycn.cn

jquery中文网为您提供利用CSS实现网站黑白效果代码等资源，欢迎您收藏本站，我们将为您提供最新的利用CSS实现网站黑白效果代码资源

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

Chrome、火狐

代码如下

复制代码

<style type=”text/css”>
html {
filter: url(“data:image/svg xml;utf8,<svg xmlns=’http://www.w3.org/2000/svg’><filter id=’grayscale’><feColorMatrix type=’matrix’ values=’0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0′/></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); }

您可能感兴趣的文章：
利用CSS实现网站黑白效果代码
 网页颜色变黑变灰代码
 jquery遮罩层效果实现导航菜单代码
 手把手教你的jquery CSS控制打印样式实例
 JQuery结合CSS操作打印样式的方法
 python如何将图片转换成黑白？
高效率使用CSS样式表的八则技巧
 了解学习网页中背景图片CSS实现方法
 新手seo入门手册
 jQuery 白痴级入门教程

上一篇：css直接放到页面与外部调用区别下一篇：IE6下CSS position:fixed 的修正解法

[关闭]

最近更新

浏览排行