Hintergrundbild hat einen 1px Rahmen in Firefox (und nur Firefox!)

Leicht verblüfft von diesem - Ich arbeite an einem tiny static site mit einem großen Hintergrundbild, das mit einem 1px schwarzen oberen Rand in Firefox rendert. Im Bild ist kein Rahmen und in keinem anderen Browser wird es gerendert. Ich habe es nirgendwo geschafft, irgendwelche Referenzen zu diesem Geschehen mit einem Hintergrundbild zu finden und bin mir nicht ganz sicher, wie ich das beheben soll!Hintergrundbild hat einen 1px Rahmen in Firefox (und nur Firefox!)

Screenshot of the offending border.

Quelle

2015-01-05 Emma W

Können Sie einen Screenshot posten? Sieht für mich in Firefox gut aus. – Kapep

Scheint verursacht zu werden, wenn der '-20%' Wert in 'background-position: center -20%; 'zu einem nicht Pixel ausgerichteten Wert berechnet wird. Ich sehe die Linie nicht in allen Größen, und die Verwendung eines Pixelwerts anstelle eines Prozentwerts lässt sie verschwinden. Warum das passiert, IDK, also +1. –

Ein Screenshot wurde hinzugefügt. Ich werde sehen, ob ich es stattdessen mit festen Pixelwerten arbeiten lassen kann! –

-3

sollten Sie sicherstellen, dass Sie setzt für alle CSS, wie normalize.css. Auf diese Weise verhalten sich alle Browser gleich.

img {Rand: 0; }

Quelle

2015-01-06 19:49:48

Das Bild wird im CSS als Hintergrundbild bereitgestellt, nicht in einem '' Element. – misterManSam

Genau wie ein heads-up - normalize.css ist schon im Kopf meines Quellcodes und seit ich diese Frage gepostet habe, habe ich nicht gedacht, dass es ein Reset-Problem ist! Auch, wie misterManSam darauf hinweist, ist es kein img-Element. –

Dies scheint in der aktuellen Version von Firefox fixiert werden (nicht sicher, ob dies auf meine eigene Frage als Antwort zu veröffentlichen oder als Teil der Frage?)

Quelle

2015-04-09 12:36:30

Hintergrundbild hat einen 1px Rahmen in Firefox (und nur Firefox!)

Antwort

Verwandte Themen