Witam, właśnie przerabiam CMS'a - między innymi każda pozycja w menu ma miec osobny obrazek pobrany z odpowiedniego katalogu gdzie nazwą obrazka jest ID działu, przy czym ma on się zmieniać po najechaniu myszką.

Zastosowałem pomysł Riddle'a z przesuwaniem tła, niestety działa tylko wtedy jeśli tło jest ustawione w arkuszu stylów:



Takie rozwiązanie mnie nie satysfakcjonuje bo nie będe robił przecież 500k klas z góry a w każdej inny obrazek więc wpadłem na takie rozwiązanie:

[HTML] pobierz, plaintext 
ul.menu li a { 
display            : block; 
width            : 180px;
height            : 62px;
}
ul.menu li a:hover { 
background-position    : bottom;
}
 
<li id="47">
<a style="background:url('./templates/gfx/buttons/47.gif') no-repeat;" href="%%_link_%%"> </a>
</li>
[HTML] pobierz, plaintext 

Ale mimo że tło jest widoczne, to nic się nie zmienia - Jak wykonać to co chcę zrobić bez użycia JS?

Pokazać test-case na którym to nie działa.

W sumie to już nieaktualne -> zrobiłem dopisywanie się do pliku css ;]