[HTML/CSS] Zmiana tla komorki po najechaniu myszką

HTML to podstawy w dziedzinie tworzenia stron WWW, Style CSS warto opanować, bowiem za ich pomocą można dostosować odpowiednio wygląd swojej witryny WWW. Zagłębiamy się dalej i udostępniamy w tym forum możliwość zadawania pytań o JavaScript.
ODPOWIEDZ
virusek87

[HTML/CSS] Zmiana tla komorki po najechaniu myszką

Post autor: virusek87 »

Tak jak w temacie.
Chcialbym aby po najechaniu myszka na komorke, wypelnial sie grafika. Jak tego dokonac ?
Siwy_PO
Przelotem
Przelotem
Posty: 351
Rejestracja: pn sty 27, 2003 12:10 am
Lokalizacja: Bełchatów
Kontakt:

Re: [HTML/CSS] Zmiana tla komorki po najechaniu myszką

Post autor: Siwy_PO »

Kod: Zaznacz cały

<table bgcolor="#D2E9FF"> 
<tr><td onmouseover="this.style.background='red'" onmouseout="this.style.background='blue'" width="100" height="100">
</td></tr> 
</table> 
Stig
Administrator
Posty: 938
Rejestracja: pn paź 04, 2004 10:52 am

Re: [HTML/CSS] Zmiana tla komorki po najechaniu myszką

Post autor: Stig »

Mimo wszystko najlepszym i najprostszym rozwiązaniem jest wykonanie tego efektu, korzystając z CSS'owej pseudoklasy :hover. Twój styl powinien wyglądać następująco:

Kod: Zaznacz cały

td:hover {
background-image: url(grafika.gif);
}
Niestety, ze względu na ułomność i brak zgodności ze specyfikacją CSS w przeglądarce IE ten efekt nie będzie widoczny.
ODPOWIEDZ