2012-01-23 5 views
5

Il mio progetto viene visualizzato correttamente sia in IE sia in chrome. Tuttavia in FF per qualche motivo il pulsante immagine visualizza 'Invia query' sopra di esso. Sto impostando la posizione dell'immagine in CSS ed è sicuramente corretto in quanto funziona correttamente in tutti i browser, è solo che FireFox per qualche motivo 'Submit Query' plasters in alto su ogni pulsante immagine.Pulsante Immagine che mostra "Invia query" nella parte superiore dell'immagine in Firefox

Ecco il mio CSS:

.NavModuleTabs A.NavModuleSelectedWide1 
{ 
color: #555555; 
margin-top: 10px; 
padding-top: 5px; 
height: 25px; 
background-image: url(../Images/NavBar/NavModuleTab_125.gif); 
background-repeat: no-repeat; 
font-weight: bold; 
width: 130px; 
display: block; 
} 

Qualcuno ha qualche idea perché questo accade? Ho trovato alcune soluzioni via google ma nulla ha funzionato per me finora.

Grazie

risposta

30

aggiungere questo attributo al pulsante:

value="" 
+4

Lei signore è una leggenda assoluta, non posso immaginare che avrei scoperto che in un milione di anni! – shicky

+4

Sono abbastanza grande da aver già commesso questo errore :) –

1

Text-trattino: -9999px; aggiungere questo alla tua CSS

1

aggiungere anche cssdisplay: block e

Text-trattino: -9999px;

Allora funzionerà in tutti i browser

1

viene ancora top nella lista di Google in modo da aggiungere i miei 2 centesimi vale la pena: le risposte di cui sopra lavoro, ma non affrontano la causa; nel nostro caso era l'imageurl mancante dopo averlo sostituito con css come sopra, nel qual caso una soluzione semplice è usare un linkbutton invece

Problemi correlati