Forum PHP.pl

Miałem taki CSS

[HTML] pobierz, plaintext 
input {
  background-image: url(../images/form/normal.png);
  width: 57px;
  height: 14px;
}
 
input:hover {
  background-image: url(../images/form/normal_hover.png); 
}
[HTML] pobierz, plaintext 

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ą (IMG:http://forum.php.pl/style_emoticons/default/tongue.gif) Może ktos wie jak to zrobić ba do tego js nie mam ochoty stosować.

obecny css

[HTML] pobierz, plaintext 
input {
  background-image: url(../images/form/normal.png);
  width: 57px;
  height: 14px;
}
 
input:hover {
  background-image: url(../images/form/normal_hover.png); 
}
 
input.long {
  background-image: url(../images/form/long.png);
	width: 96px;
}
 
input.long:hover {
  background-image: url(../images/form/small_hover.png); 
}
 
input.smal {
  background-image: url(../images/form/small.png);
	width: 41px;
}
 
input.smal:hover {
  background-image: url(../images/form/small_hover.png); 
}
[HTML] pobierz, plaintext 

Lecz niestety nie działa

(jest to tylko fragmęt odpowiedzialny za inputy)

Ten post edytował Landon 31.05.2008, 19:06:32

w ie nie dziala efekt hover dla niczego innego niz a

jeśli problemem nie jest wspomniane IE to może spróbuj dać !important przy stylach inputów z nadanymi klasami

Dla IE trzeba dorzucić trochę JS: http://htmldog.com/articles/suckerfish/hover/

poradziłem sobie. no i w ie 7 łazi ładnie (IMG:http://forum.php.pl/style_emoticons/default/tongue.gif)