Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: efekt hoverowania poprzez top: -_wysokosc_; IE kasza
Forum PHP.pl > Forum > Po stronie przeglądarki > CSS
kamiseq
wiec ktos madry wpadl na pomysl aby ladowac obrazek hovera pod obrazek pokazywany domyslnie i po najechaniu podnosic obrazek o wysokosc.

czyli jesli mamy link w li

  1. ul{...height: wysoosc; overflow:hidden;}
  2. ul li{...height: wysoosc; overflow:hidden;}
  3. ul li a
  4. {
  5. position:relative;
  6. margin:0px; padding: 0px;
  7. height: 2xwysokosc px;
  8. width: xx px;
  9. background: url() no-repeat;
  10. }
  11. ul li a:hover
  12. {
  13. top: - wysokosc px;
  14. }
w FF pieknie dziala
pod IE jednak a nie zostaje przyciete do wysokosci <li> tylko pokazuje sie cala grafika ladowanan do <a>
blink.gif i co teraz? macie pojecie jak to obejsc?
gekon
  1. ul li a {
  2. background: url() 0 0 no-repeat; /*pod warunkiem ze na gorze jest obrazek przed najechaniem*/
  3. }
  4. ul li a:hover{
  5. background: url() 0 -wysokosc_w_px no-repeat; /*a na dole po najechaniu*/
  6. }
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.