Podstrony
- telcocafe
- [CSS] wielkosc tabelki 1 zalezna od wielkosci tabelki 2
- [CSS] Odstęp miedzy obrazkami w tle Jak usunąć odstęp miedzy obrazkami w tle ?
- [html Css] Obramowanie Czcionki jak obramowac czcionke??
- CSS 2.1 + PHP5 Nie odczytuje grafiki!!!!
- [cSs] jasnoszary border 'jotpegów' Pomocy !! :)
- [HTML/CSS]Problem z wyświetlaniem strony różnice w wyświetlaniu strony w IE i Firefox
- [CSS] Problem wyświetlania w MSIE szablonu w internet explorer 6 zle wyświetla szablon
- [css + Ie + Div] Div Jest Zbyt Szeroki Div w ie nie trzyma swojego rozmiaru...
- Kod stylu kod stylu CSS
- css+jquery problem z accordion z jquery
- zanotowane.pl
- doc.pisz.pl
- pdf.pisz.pl
- gameplaygry.htw.pl
telcocafe
Witam mam pytanie jak uzyskać efekt rollover majac kilka plików graficznych. Tzn wiem że w css można wprowadzić kod który np zmieni nam obrazek z jednego na drugi. Co jeśli mam więcej niż jeden plik graficzny tzn jeśli mam menu całkowicie zrobione w Photoshop-ie razem z napisami.Znalazłem coś takiego
<a id="rollover" href="jakis link"></a> CSS: a#rollover { display: block; width: 90px; height: 33px; background:url(menupoziom2_01.jpg) top left no-repeat; border: none; } a:hover#rollover {background: url(menupoziom3_01.jpg) }
Proszę o wskazówki
Czy może lepiej zrobić szablon tła pod menu?
Rozwiązanie które podałeś wydaje się być całkiem dobre, ja sam na swojej stronie użyłem podobnego kodu i jestem zadowolony gdyż wszystko działa i nie sprawia problemów. Tu podaję przykład,z tą różnicą że oparty na klasach. ;)
<a href="#" class="link"></a> CSS: .link { background-image:url(img1.gif); } .link:hover { background-image:url(img2.gif); }
Użytkownik Seveneven edytował ten post 03 luty 2008, 15:56
Przy zastosowaniu takiego sposobu, efekt rollover będzie strasznie widoczny(po najechaniu obrazek "zniknie" dopóki nie załaduje się nowe tło). Polecam lekturę: http://perfectionorv...rollover-w-css/