我有一个CSS精灵像：
- <a id="estates" href="http://www.domain.com/estate"></a>
CSS
- #estates {background-position: -200px 0px;width: 96px;height: 90px;}
- #estates {background: url("http://www.domain.com/images/sprite.png") no-repeat scroll 0% 0% transparent;float: left;margin: 22px -2px 30px 33px;}
解决方法
您可以查看CSS灰度过滤器.它符合以下方面：
- #estates:hover {
- -webkit-filter: grayscale(100%);
- -moz-filter: grayscale(100%);
- -ms-filter: grayscale(100%);
- -o-filter: grayscale(100%);
- filter: grayscale(100%);
- filter: url(grayscale.svg); /* Firefox 4+ */
- filter: gray; /* IE 6-9 */;
- }
我找到了其他一百件东西并添加了它们.
