Как сделать, чтобы черно-белая картинка при наведении становиться цветной?

Подскажите, пожалуйста, как сделать, чтобы черно-белая картинка при наведении становиться цветной?

Допустим, есть цветная картинка ссылка

[Only registered and activated users can see links. Click Here To Register...]

[Only registered and activated users can see links. Click Here To Register...]


Нужно чтобы на сайте картинка отображалась черно-белой, а при наведении на нее она становилась цветной.

[Only registered and activated users can see links. Click Here To Register...]




Можно ли это сделать при помощи CSS?

Цитата:

---

Можно ли это сделать при помощи CSS?

---

Не можно, а нужно. Поэтому объедините обе Ваши картинки (черно-белую и цветную) в одно общее изображение, ликвидируйте элемент <img>, задайте полученную картинку фоновым изображением для элемента <a>...</a> и меняйте ее позицию (CSS-свойство background-position) при получении элементом <a>...</a> динамического псевдокласса :hover.

Цитата:

---

Не можно, а нужно. Поэтому объедините обе Ваши картинки (черно-белую и цветную) в одно общее изображение, ликвидируйте элемент <img>, задайте полученную картинку фоновым изображением для элемента <a>...</a> и меняйте ее позицию (CSS-свойство background-position) при получении элементом <a>...</a> динамического псевдокласса :hover.

---

Спасибо, что ответили)
не совсем понятно, а можете кодом показать?

Код:

---

[Only registered and activated users can see links. Click Here To Register...]

---

Код:

---

a {text-indent: -9000px; background: url(img.jpg) no-repeat; display: block; width: 315px; height: 189px; overflow: hidden;}
a:hover {background-position: 0px -189px;}

---

Цитата:

---

задайте полученную картинку фоновым изображением для элемента <a>...</a> и меняйте ее позицию при получении элементом <a>...</a> динамического псевдокласса :hover.

---

Какая простая и светлая идея! Спасибо, буду пользоваться! ^^