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
Seite 1 von 1
Hintergrundgrafik soll dynamisch Bildfüllend sein - nur wie
Anzeige
#2
geschrieben 16. Mai 2012 - 09:22
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?
Hast du ein einziges, großes Bild oder nutzt du mehrere Bildausschnitte? Wie sieht der Code bislang aus?
#3
geschrieben 16. Mai 2012 - 11:41
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
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
#4
geschrieben 16. Mai 2012 - 13:14
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:
Wie immer lieben Gruß =)
Im CSS einfach noch folgendes hinzufügen:
body, html { background-attachment: fixed; background-repeat: no-repeat; background-size: 100% 100%; }
Wie immer lieben Gruß =)
#6
geschrieben 16. Mai 2012 - 19:14
Jung' ick könnt dich knutschen PERFEKTO - das die Lösung so simpel ist....
Thema verteilen:
Seite 1 von 1