it-swarm.com.de

Hintergrundstrategien für einen gekrümmten Hintergrund

Wie würden Sie mit einem Hintergrundbild für eine Webseite mit einer Kurve wie der folgenden umgehen? Normalerweise mache ich ein dünnes Bild und wiederhole es entlang der x-Achse, aber die Kurve negiert diese Strategie, da eine Seite niedriger ist als die andere. Idealerweise möchte ich, dass die Linien auf ihrem aktuellen Pfad (auch auf größeren Monitoren) fortgesetzt werden, ohne dass für das Ganze ein großes Bild verwendet werden muss. Irgendwelche Tricks oder Vorschläge, um dies auf eine Weise zu tun, die meine Seitengröße nicht beeinträchtigt?

Curved background

2
Virtuosi Media

Eine hässliche Lösung, die mir gerade einfällt, ist das Erstellen eines absolut positionierten Divs in der oberen rechten Ecke der Seite. Breite von 50%, Hintergrundfarbe grau. In der Mitte befindet sich Ihr Hintergrund. Sie können ein anderes div verwenden, um den Hintergrund für die andere Seite festzulegen, um die Konsistenz zu gewährleisten. Es ist jedoch viel einfacher, den richtigen Hintergrund für Ihr body festzulegen.

Sie können diese Technik verbessern, indem Sie mehrere Hintergründe (http://techknack.net/css-trick-two-background-images/) verwenden, um Divs zu vermeiden, aber gekachelte Bilder einzuführen.

1
Chris Hasiński