Wenn ich ein 1000x3000 px Bild habe und ich eine negative Hintergrundposition verwende, wie funktioniert das genau?
Ich dachte, es funktionierte, indem ich nach links 209 Pixel bewegte, dann um 2 Pixel nach oben ging und dann den Teil zeigte, der eigentlich übrig ist, aber es scheint das Gegenteil zu tun.
Die Hintergrundpositionseigenschaft verschiebt das Hintergrundbild selbst relativ zum Element. Für die Instanz, wenn Sie {background-position: 0 0} verwenden, bedeutet das, dass Sie (0,0) oben links in Ihrem Bild oben links von Ihrem HTML-Element positionieren.
-ve left offset bedeutet, dass Sie das Bild nach links verschieben und -ve top offset bedeutet, dass das Bild nach oben verschoben wird.
Im obigen Code bezieht sich% 0 auf left offset und zweite 0 auf top offset ..
bedeutet, dass Sie Ihr Bild 209px nach links und 2px nach oben bewegen.
Hoffe, das wird dir helfen.
Sie sollten die negativen Zeichen wie folgt interpretieren:
Hintergrundposition: -x, -y; ist das gleiche wie zu sagen ... background-position: x Pixel links, y Pixel hoch;
Tags und Links css