Hintergrundgröße: cover, 1px Whitespace nach links
Ich habe ein kleines Problem auf meiner Seite über Hintergrundgröße: Cover Ich habe es in Firefox die ganze Zeit getestet, aber wenn ich die Seite in Google Chrome laden, bekomme ich 1px weiß alle nach links. Wenn ich Hintergrund-Position verwende: -1px geht die weiße Kante links weg (aber dann bekomme ich es nach rechts). Gibt es eine Möglichkeit, dies zu beheben, und behalten Sie immer noch die Abdeckung?
Ich habe dies auf meinen Körper angewendet: background: url ("images / baggrund.jpg") No-Repeat Centermitte fixiert; Hintergrundgröße: Cover
Ich kann im Moment nicht auf die Seite verlinken, hoffe aber, ich habe es klar genug beschrieben.
Vielen Dank im Voraus
Bearbeiten: einen Screenshot hinzugefügt, kommt oben von Firefox, unten von Chrome.
6 Antworten
Das hat bei mir nicht funktioniert, weil ich Hintergrund-Cover verwendet habe, aber ich habe gerade eine chromspezifische Zeile hinzugefügt, um meine Hintergrund-Größe auf 101% zu setzen, das scheint es zu beheben (für das Auge). Danke für die Eingabe.
Versuchen Sie Folgendes:
%Vor%Wenn Sie in chrome "background-size: cover" verwenden und das xpos des Hintergrundbildes nicht weniger als 50% beträgt, werden Sie dieses Problem lösen.
Also wird die xpos auf 49% gesetzt (oder 49.9%, um den Fehler zu reduzieren), anstatt "center" wird das Problem beheben.
Mein Englisch ist nicht gut, ich hoffe du weißt was ich meine.
Sie könnten die Hintergrundeigenschaft auf das body-Tag anwenden, wodurch die gesamte Seite abgedeckt wird.
Sie können auch versuchen, den folgenden Stil auf die Tags body und html anzuwenden:
%Vor%Alternative:
Eine andere Lösung wäre, die Breite des Hintergrundbildes in einem Bildbearbeitungsprogramm um 1 Pixel zu verringern oder zu erhöhen, wenn das nicht wichtig wäre.
Anderenfalls sollte dies der Fall sein (wie @estrar hervorgehoben hat): Wie behebe ich 1px Marge in Google Chrome?
101% funktionieren zwar gut, aber Sie könnten auch diese feinkörnige Lösung ausprobieren: