background image con safari e chrome

[Arose]

Ho fatto una search bar utilizzando delle immagini di background... tuttavia chrome e safari non me le visualizzano (al contrario di mozzilla).
Ho trovato diverse persone con lo stesso problema sulla rete e pare sia un bug di safari (e altri browser) tuttavia ho letto di persone che hanno risolto il problema (non spiegando come )

Qualcuno sa come aiutarmi? =P



ecco il codice HTML:

<form method="get" id="searchform" action="">
     <fieldset class="search">
	   <input type="text" class="box" />
	   <button class="btn"></button>
     </fieldset>
</form>

ed ecco il CSS:

fieldset.search {
	background: trasparent;
	padding: 0;
}
.search input {
	width: 50px;
	margin-top: 2px;
	margin-left: 31px;
	border: none;
	float: left;
}

.search button {
	border: none;
	float: left;
}

.search input.box {
	color: #000;
	font-size: 8pt;
	width: 80px;
	height: 22px;
	background-image:url(filesito/searchbar.jpg);
	background-repeat: no-repeat;
}
.search input.box:focus {
	text-indent: 3px;
	background-image:url(filesito/searchbar2.jpg);
	background-repeat: no-repeat;
	outline: none;
}

.search button.btn {
	margin-top: 2px;
	width: 22px;
	height: 22px;
	cursor: pointer;
	background-image: url(/filesito/lente.jpg);
	background-repeat: no-repeat;
}
.search button.btn:hover {
	background-image: url(filesito/lente2.jpg);
	background-repeat: no-repeat;
}

Grazie in anticipo =]

[ResianTaxidrive]

perchè in alcuni casi usi i percorsi relativi e altre volte quelli assoluti?

[Arose]

ho usato sempre quelli assoluti, ma volevo pubblicare quelli relativi per comodità, errore di copia incolla =P

ora modifico il messaggio sopra

[ResianTaxidrive]

sei sicuro di non aver disabilitato le immagini in safari? se non funzionassero le immagini in background sarebbe ben grave, dovrei rifare tutti i siti!

[Arose]

sì sono sicuro =P

comunque non intendevo dire che non funzionano tutte le immagini background, non funzionano se utilizzate per un bottone o per un campo testo.

(anche perchè se l'avessi disabilitato dal browser non vedrei 3/4 dei siti penso hehe)

[ResianTaxidrive]

invece del button non potresti usare

<input type="submit" value="" name="" class="box">

così il background con safari funziona

[Arose]

non funziona comunque purtroppo =[

[mucu]

Originariamente inviato da Arose
Ho trovato diverse persone con lo stesso problema sulla rete e pare sia un bug di safari (e altri browser) tuttavia ho letto di persone che hanno risolto il problema (non spiegando come

dove hai letto queste cose?
in genere i problemi con le immagini si hanno a causa del percorso o nome scorretto
qualche volta le immagini sono codificate male o corrotte
metti la tua pagina on-line e controlla che non sia uno di questi casi

[Arose]

http://www.quirksmode.org/bugreports...ari/index.html

questi sono i bug di safari riportati, se cerchi "background image" col comando cerca trovi subito quello che dicevo

[ResianTaxidrive]

hai un link al tuo sito?