[HTML][CSS] zdjecie po najechaniu na przycisk Opcje

[robert45]

w czym może byc problem ze nie pokazuje sie obrazek po najechaniu na przycisk ktory jest w hover

[HTML] pobierz, plaintext 
.test input[type="image"]{
     float: right;
     color: #fff;
     background: none;
     padding: 0px;
     margin-top: 10px;
}
 
.test input[type="image"]:hover{
     float: right;
     color: #fff;
     background: url('images/y.png') no-repeat !important;
     width: 120px;
     height: 30px;
     padding: 0px;
     margin-top: 11px;
 
}
 
<input type="image" src="images/a.png" width="120" height="30" />
 
 
 
[HTML] pobierz, plaintext 

[nospor]

zla sciezka?? Pamietaj, ze sciezki wzgledne w css brane sa z innej lokalizacji niz tez w kodzie html. Jesli twoj plik .css lezy w katalogu css, to sciezka powinna wygladac tak:

background: url('../images/y.png') no-repeat !important;
przy zalozeniu, ze images jest rownolegly do css

[trueblue]

Zmień typ <input> na submit, albo użyj <button>.
Wtedy ostyluj w css (stan zwykły i hover).

[robert45]

@nospor
plik css i index są w tym samym katalogu, wyzej w css odwołuje sie do innego zdjecia jako tlo diva i tam jest ok, wiec sciezka wydaje sie byc ok

@trueblue
czy jak zmienie image na submit to obrazek bedzie działał ?

[trueblue]

Jeśli zmienisz typ i ostylujesz zarówno stan zwykły i najechany w css.