|
|||
Hintergrundbild an Fenstergröße anpassen
Servus zusammen,
ich habe die Frage in einem älteren Beitrag auch schon gestellt, bin mir nur nicht sicher, ob da noch jmd reinschaut, daher neues Thema. Ich hoffe das ist ok. In einem anderen Beitrag wurde folgender Code gepostet: html { height: 100%; background-attachment: fixed; background-clip: border-box; background-color: transparent; background-origin: padding-box; background-position: center center; background-repeat: no-repeat; background-size: cover; background-image: url(bild.jpg); } Das kam dem sehr nahe, was ich vor hatte. Ich möchte, dass sich das Hintergrundbild der Fenstergröße anpasst, beim scrollen aber nach obenverschwindet. Dies erreiche ich ja, wenn ich fixed durch scroll ersetze. Mein Ziel ist also fast erreicht. Das Problem ist nur noch, dass ich möchte, dass das Bild sofort beim scrollen nach oben verschwindet und nicht erst wenn die originalgröße des Bildes erreicht wird. Hab ich mich verständlich ausgedrückt? Hier mal ein Beispiel: Tinké | Take The Tour Also Bild passt isch Fenstergröße an, scroll man runter hört das Bild auf. Vielen Dank schonmal im Vorraus Gruß Alex |
Sponsored Links |
|
|||
HTML-Code:
<img id="bg" src="..." />
Code:
img#bg { min-height: 100%; min-width: 100%; position: absolute; } als das Bild selber ist. Auch das Seitenverhältnis wird beibehalten. |
|
|||
Hab doch den kompletten Code geschrieben?
Genau so benutze ich es hier: Galiator Trader mehr CSS ist dort nicht definiert für das Hintergrundbild. |
|
||||
schau dir dieses Tutorial an:
Create a Cool Website with Fancy Scrolling Effects |
|
|||
|
Sponsored Links |
Themen-Optionen | |
Ansicht | |
|
|
Ähnliche Themen | ||||
Thema | Autor | Forum | Antworten | Letzter Beitrag |
Hintergrundbild vom Blog an Auflösung anderer anpassen | Saftladen | CSS | 2 | 31.10.2013 15:27 |
Anpassen eines CSS Templates - JPEG als Hintergrundbild setzen | soulknot | CSS | 1 | 08.05.2011 18:31 |
Hintergrundbild auf verschiedene Monitorgrößen anpassen | Moin | CSS | 2 | 03.06.2010 00:12 |
Hintergrundbild größe soll sich dem Text anpassen | T!ggr | CSS | 4 | 24.03.2010 08:04 |
Hintergrundbild der browsergrösse anpassen | hans23 | CSS | 2 | 24.02.2006 12:31 |