Черно-белый фон CSS при наведении
У меня есть CSS спрайт, как:
HTML
<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;}
Хотелось бы, чтобы пользователь наводил курсор на ссылку, чтобы изменить цвет изображения на черно-белый или, возможно, наложить прозрачный png, если это не может произойти?