Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [css] hover i "mignięcie" tła przy pierwszym najechaniu kursorem
Forum PHP.pl > Forum > Po stronie przeglądarki
qrcze_pieczone
Witam

nie wiem czy trafnie nazwałem ten post wink.gif

ma taki kod w css
  1. #spacerPoLesie{
  2. background: url('menu/spacer.png') no-repeat ; width: 130px; height: 15px;
  3. }
  4.  
  5. #spacerPoLesie:hover{
  6. background: url('menu/spacer_s.png') no-repeat; width: 130px; height: 15px;
  7. }

czyli chodzi o to, że po najechaniu kursorem pokazuje się jako tło spacer_s.png
wszytko było by ok gdyby nie fakt że przy pierwszym najechaniu robi się "mignięcie" grafiki czyli wyglada to tak jakby dopiero pobierał ta grafikę przy następnych najazdach kursorem jest już wszytko ok, chodzi mi o to jak wyeliminowac efekt "mignięcia" przy pierwszym najechaniu kursorem.

pozdrawiam
askone
"Mignięcie" spowodowane jest doczytywaniem brakującej grafiki. W momencie kiedy wygenerujesz zdarzenie "onhover" przeglądarka wysyła żądanie do serwera o brakującą grafikę - przetworzenie tego żądania trochę trwa stąd mignięcie.

Rozwiązaniem jest umieszczenie całości tła, zarówno normalnego jak i tego dla hover na jednym obrazku. A w stylach css odpowiednia modyfikacja background-position.

Pozdrawiam
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2025 Invision Power Services, Inc.