-
AuthorPosts
-
March 22, 2021 at 3:53 pm #1289657
Hallo zusammen,
ich würde gerne Hintergrundbilder, also “Benutzerdefiniertes Hintergrundbild”, in Farbsektionen exakt positionieren.
Leider ist die Ausrichtung der Bilder nie korrekt. Ein Kreis wird z.B. nicht in der Mitte der Farb-Sektion dargestellt.
Besonders unpassend sind die Ergebnisse im Responsive Design.Hierzu habe ich Farbsektionen erstellt, „Benutzerdefinierter Höhe der Sektion in px”, sowie die jeweils passenden, selbst erstellten Hintergrundbilder (Format .png mit transparentem Hintergrund) mit genau gleichen Maßen für Höhe bzw. für Container erstellt und eingefügt, z.B. 140px x 140px oder 1310px x 580px.
Hintergrund Verhalten: „Parallax”
Position Hintergrundbild: „mittig mittig”
Auch „oben mittig” erscheint nicht exakt oben mittig, sondern wird abgeschnitten.Die Einstellungen zu „Hintergrund Wiederholung” scheinen mir ebenfalls unverständlich:
Weder will ich das Bild „wiederholen, „kacheln” oder „strecken”.
Die Einstellung „Keine Wiederholung”, führt zu deutlich zu großen Bildern.
Nur mit erheblich größeren Bildern als die Sektionsmaße und vielen Versuchen, sowie der Einstellung „Skala zu passen (skaliert das Bild so das ganze Bild ist immer sichtbar)” bekomme ich überhaupt ein annäherndes Ergebnis. Allerdings ist das nicht vernünftig reproduzierbar.
Einfach das vorab selbst erstellte Bild einzufügen scheint es als Auswahlmöglichkeit nicht zu geben.Was mache ich falsch?
Gibt es vielleicht eine Berechnungsgrundlage?
Über eine Hilfestellung würde ich mich sehr freuen.Die Seite ist noch nicht online und zur Zeit noch im Wartungsmodus.
Viele Grüße, Mavofa
- This topic was modified 3 years, 8 months ago by mavofa2one.
March 26, 2021 at 4:57 am #1290472Hi Mavofa,
Some loss of image data is inevitable when using background images to cover their container element. If you need to place your backgrounds in exact pixel perfect positions, then I think you will need to spend a lot of time on customising them. If you want to try to adjust them using custom CSS, then you can find documentation here: https://www.w3schools.com/css/css_background_image.asp
Best regards,
Rikard- This reply was modified 3 years, 7 months ago by Rikard.
-
AuthorPosts
- You must be logged in to reply to this topic.