L'immagine di sfondo ha un bordo 1px in Firefox (e solo Firefox!)

Un po 'sconcertato da questo: sto lavorando a uno tiny static site con un'immagine di sfondo grande, che viene visualizzata con un bordo superiore nero 1px in Firefox. Non c'è alcun bordo nell'immagine e non viene visualizzato in nessun altro browser. Non sono riuscito a trovare alcun riferimento a ciò che accade con un'immagine di sfondo ovunque e non sono abbastanza sicuro su come risolverlo!L'immagine di sfondo ha un bordo 1px in Firefox (e solo Firefox!)

Screenshot of the offending border.

fonte

2015-01-05 Emma W

Puoi pubblicare uno screenshot? Sembra a me per Firefox. – Kapep

Sembra essere causato quando il valore '-20%' in 'background-position: center -20%;' calcola su un valore non allineato ai pixel. Non vedo la linea a tutte le taglie e l'uso di un valore di pixel invece di una percentuale lo fa scomparire. Per quanto riguarda il motivo per cui ciò accade, IDK, quindi +1. –

Aggiunto uno screenshot. Vedrò se riesco a farlo funzionare con valori di pixel fissi, invece! –

-3

È necessario assicurarsi di avere azzera per tutti i CSS, come normalize.css. In questo modo tutti i browser funzionano allo stesso modo.

img {bordo: 0; }

fonte

2015-01-06 19:49:48

L'immagine è fornita nel CSS come immagine di sfondo, non in un elemento ''. – misterManSam

Proprio come un heads-up - normalize.css è già lì nella testa del mio codice sorgente e da allora ho postato questa domanda quindi non penso che sia un problema di reset! Inoltre, come sottolinea misterManSam, non è un elemento img. –

Questo sembra essere risolto nella versione più recente di Firefox (non so se per pubblicare questo come una risposta alla mia domanda o come parte della questione?)

fonte

2015-04-09 12:36:30

L'immagine di sfondo ha un bordo 1px in Firefox (e solo Firefox!)

risposta

Problemi correlati