Witam

Chciałbym uzyskać następujący efekt:

Na stronie jest czarno biały obrazek - po najechaniu na niego myszką, zamienia się na swoją barwną wersję jednocześnie będąc linkiem do jakiegoś tam miejsca.
(Mam przygotowane dwa obrazki różniące się tylko tym, że jeden jest czarno - biały, a drugi kolorowy) i zastanawiam się jak uzyskać opisany efekt.
Próbowałem coś kombinować w CSS z podmianą tła dla a i a:href, ale chyba ten znacznik nie ma background url.
Proszę o sugestie, pomysły, ewentualnie, jeśli ktoś coś takiego robił gotowe rozwiązania.
Najlepiej jeśli dałoby się to rozwikłać bez użycia js.
Z góry dziękuję i pozdrawiam.

Ma background pod warunkiem ze linkowi dasz


Jak to zrobic najlepiej
http://perfectionorvanity.com/2005/08/25/e...rollover-w-css/

[HTML] pobierz, plaintext 
<style>
    a {display: block; background: url('rate-stars.gif'); height: 10px; width: 100px;}
    a:hover {background-position: 0 9px;}
</style>
 
<a href="http://google.pl"></a>
[HTML] pobierz, plaintext 

A tutaj jest przykład. Co prawda oparłam to na gwiazdkach do głosowania, więc w jednym obrazku są trzy warianty tej samej gwiazdki, ale w Twoim przypadku starczą dwa warianty obrazka. W takiej formie ważne jest, żeby były w jednym obrazku, na przykład pod sobą, lub obok siebie - zapobiega to sytuacji, gdzie po najechaniu przez chwilę nic nie ma, bo obrazek musi się wczytać.

Dziękuję za błyskawiczną odpowiedź!
O to chodzi! Nie ma to jak ludzie z forum.php.pl