有没有一种简单的方法可以仅用灰度显示彩色位图HTML/CSS?
它不需要与 IE 兼容（我想也不会）——如果它能在 FF3 和/或 Sf3 中工作，那对我来说就足够了。
我知道我可以同时做到SVG和 Canvas，但现在看来工作量很大。
有真正懒人的方法吗？
Webkit 中已支持 CSS 过滤器。 http://updates.html5rocks.com/2011/12/CSS-Filter-Effects-Landing-in-WebKit所以我们现在有了一个跨浏览器的解决方案。
img {
filter: gray; /* IE6-9 */
-webkit-filter: grayscale(1); /* Google Chrome, Safari 6+ & Opera 15+ */
filter: grayscale(1); /* Microsoft Edge and Firefox 35+ */
}
/* Disable grayscale on hover */
img:hover {
-webkit-filter: grayscale(0);
filter: none;
}
<img src="https://upload.wikimedia.org/wikipedia/commons/thumb/0/04/Wikimedia_Canadian_Community_Logo.svg/240px-Wikimedia_Canadian_Community_Logo.svg.png">
Internet Explorer 10 怎么样？
你可以使用像这样的polyfillgray https://github.com/karlhorky/gray.
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系:hwhale#tublm.com(使用前将#替换为@)
