使用CSS将图片转换成黑白(灰色置灰)

Posted catherlee

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了使用CSS将图片转换成黑白(灰色置灰)相关的知识，希望对你有一定的参考价值。

法1??：

 

IE浏览器： filter: gray;

其他浏览器：

.gray  
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
    filter: gray;

 

法2??： 通过 Greyscale.js

<script src="http://james.padolsey.com/demos/grayscale/grayscale.js"></script>

grayscale(document.getElementById("thisImage"));

或者 grayscale($("#thisImage"));

 

以上是关于使用CSS将图片转换成黑白(灰色置灰)的主要内容，如果未能解决你的问题，请参考以下文章