Zmiana obrazka na inny po najechaniu myszką., rollover ale w CSS-sie (<button>) Opcje

[Bartech]

Panie i Panowie, trapi mnie pewno wyzwanie. Wykonałem przycisk SUBMIT do wysyłania FORMa, przycisk ten jest to BUTTON, pozbawiony ramki i z obrazkiem w tle. reasumując jest to obrazek zamiast przycisku SUBMIT.

tak wygląda to w html'u:

Kod

<button type="submit" name="zapisz" class="zapisz"></button>

do tego CSS:

Kod

BUTTON.zapisz{width: 68px; height: 21px; background-image: url(layout/zapisz.png); border: none;}

Trapi mnie takie zadanie:
Jak przerobić CSS'a żeby po najechaniu myszką na BUTTON (obrazek zapisz.png) obrazek ten zmienił się na inny (np. zapisz2.png).

TAKI ROLLOVER jak w javie.

Proszę o pomoc, najchętniej o konkretne rozwiązanie (fragment CSS'a).

[matid]

Kod

BUTTON.zapisz{width: 68px; height: 21px; background-image: url(layout/zapisz.png); border: none;}
BUTTON.zapisz:hover{background-image: url('layout/zapisz.png');}

Ten post edytował matid 28.04.2005, 18:36:21

[Bartech]

No chyba nie bardzo. Próbowałem ale obiekt BUTTON nie bardzo chce reagować na "hover".

[matid]

No chyba nie bardzo. Próbowałem ale obiekt BUTTON nie bardzo chce reagować na "hover".

Jak to nie reaguje?
http://matid.emmatrade.pl/files/button.html

[revyag]

@matid na ie to nie działa.
@Bartech próbuj tak:

[HTML] pobierz, plaintext 
<button type="submit" name="zapisz" onmouseover="this.style.backgroundImage='url(layout/zapisz2.png)'" onmouseout="this.style.backgroundImage='url(layout/zapisz.png)'">Zapisz</button>
[HTML] pobierz, plaintext 

[Zajec]

@matid na ie to nie działa.

To jego sprawa ;p

Ja bym proponował zostawić to rozwiązanie z CSS'em, a za pomocą komentarzy warunkowych dodawać onmouseouver i onmouseout dla badzIEwi.

Czemu? Nie uzalezniasz podświetlenia w Presto/Gecko/KHTML od włączonego JS.