[Stefan_der_held]

Gudden-Morsche

hänge vor einem kleinen Problem:

Möchte eine Hintergrund-Grafik einer Website so einrichten, dass diese NICHT wiederholt aber immer Bildschirmfüllend dargestellt wird.

Das es irgendwie möglich sein muss sehe ich an diversen Seiten. Nur das "wie" ist die Frage.

Bei mir auf der Seite habe ich die Grafik so aufbereitet, dass diese möglichst wie ein Endlosbild wirkt. Jedoch wenn ich zuweit rauszoome fällts wieder auf.

Wie kann ich also mein Vorhaben besser realisieren?

Gruß,

Stefan

[slurp]

Ohne nähere Infos schwer zu sagen...
Hast du ein einziges, großes Bild oder nutzt du mehrere Bildausschnitte? Wie sieht der Code bislang aus?

[Stefan_der_held]

aktuell benutz ich ein einziges großes Bild (mit photoshop "zusammengeschnitten"). Quellcode habe ich momentan rein CSS das entsprechende Bild gesetzt in meiner Not.

Habe bzgl. der Möglichkeit die ich andenke leider keinen beginnenden Faden

so ists bei mir: http://s-geschwind.de
so sollte es hinterher möglichst sein: http://www.supaevent.de

dort kannst du herauszoomen bis ultimo: Das Hintergrundbild bleibt Bildschirmfüllend angezeigt ohne dass es gekachelt wird.

Gruß,

Stefan

[slurp]

aha aso asoooo.. okay, das ist n easy trick. du musst einfach das hintergrundbild fixieren, so dass es weder beim scrollen noch beim zoomen oder sonstigem seine position ändert... anders verfährt die beispielseite auch nicht...

Im CSS einfach noch folgendes hinzufügen:

body, html {
background-attachment: fixed;
background-repeat: no-repeat;
background-size: 100% 100%;
}

Wie immer lieben Gruß =)

[Stefan_der_held]

Ich danke dir :-)

liebe grüße zurück

[Stefan_der_held]

Jung' ick könnt dich knutschen PERFEKTO - das die Lösung so simpel ist....

[Windows 8 User]

Habs eben auch gebraucht - Danke.