SeedProd-Dokumentation

Dokumentation, Referenzmaterialien und Tutorials für SeedProd

Das Hintergrundbild passt nicht

Das Hintergrundbild wird nie perfekt in den Browser passen, es sei denn, das Browserfenster hat genau das gleiche Verhältnis wie das Bild.

Die Standardeinstellungen für das SeedProd-Plugin verwenden die Eigenschaft Cover für die Hintergrundgröße. Diese ist definiert als: Skalieren Sie das Hintergrundbild so groß wie möglich, damit der Hintergrundbereich vollständig vom Hintergrundbild abgedeckt wird. Einige Teile des Hintergrundbildes sind möglicherweise innerhalb des Hintergrund-Positionierungsbereichs nicht zu sehen.

Grundsätzlich bedeutet dies, dass die Bilder, wenn sie nicht passen, beschnitten werden. Sie können den Fokuspunkt im Plugin mit der Eigenschaft "background-position" festlegen.

Sie können die Einstellung Bild einschließen verwenden, um zu erzwingen, dass das Bild innerhalb des Browsers bleibt und Teile, die nicht hineinpassen, die Hintergrundfarbe zeigen.

Referenz: http://www.w3schools.com/cssref/css3_pr_background-size.asp

Verwandte Artikel