Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: Problem z input:hover w CSS
Forum PHP.pl > Forum > Po stronie przeglądarki
Landon
Miałem taki CSS
  1. input {
  2. background-image: url(../images/form/normal.png);
  3. width: 57px;
  4. height: 14px;
  5. }
  6.  
  7. input:hover {
  8. background-image: url(../images/form/normal_hover.png);
  9. }


Lecz zaczołem potrzebować wykorzystać class w inputach no i pojawił się błąd:
gdy najadę na <input class="long"> powinno zmienić tło inputa na ../images/form/small_hover.png. Plik na pewno istnieje i jest grafiką tongue.gif Może ktos wie jak to zrobić ba do tego js nie mam ochoty stosować.

obecny css
  1. input {
  2. background-image: url(../images/form/normal.png);
  3. width: 57px;
  4. height: 14px;
  5. }
  6.  
  7. input:hover {
  8. background-image: url(../images/form/normal_hover.png);
  9. }
  10.  
  11. input.long {
  12. background-image: url(../images/form/long.png);
  13. width: 96px;
  14. }
  15.  
  16. input.long:hover {
  17. background-image: url(../images/form/small_hover.png);
  18. }
  19.  
  20. input.smal {
  21. background-image: url(../images/form/small.png);
  22. width: 41px;
  23. }
  24.  
  25. input.smal:hover {
  26. background-image: url(../images/form/small_hover.png);
  27. }


Lecz niestety nie działa

(jest to tylko fragmęt odpowiedzialny za inputy)
koderrr
w ie nie dziala efekt hover dla niczego innego niz a
devnul
jeśli problemem nie jest wspomniane IE to może spróbuj dać !important przy stylach inputów z nadanymi klasami
pitbull82
Dla IE trzeba dorzucić trochę JS: http://htmldog.com/articles/suckerfish/hover/
Landon
poradziłem sobie. no i w ie 7 łazi ładnie tongue.gif
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.