[DaniFR85]

Weiß jemand wie das geht ?
Das Hintergrundbild skalieren wie auf dieser seite nur mit css?

http://thekitchencommunity.com/

[Yarrick]

Lies mal hier: http://css-tricks.com/perfect-full-page-background-image/

Übrigens der erste Google-Treffer für die Suche "fullscreen background image css"...

Oder http://paulmason.name/item/full-screen-background-image-pure-css-code

[top]

Den ersten Link wollte ich auch gerade einfügen...

Nebenbei kommt deine Seite ohne JavaScript gar nicht zurecht. Ich habe dann nur noch unten rechts die graue Navigation und der Rest der Seite bleibt schwarz.

[DaniFR85]

Danke für die schnelle antwort

http://paulmason.name/item/full-screen-background-image-pure-css-code

das war genau das richtige

[DaniFR85]

ich hätte noch eine kurze frage!


Bei der seite die ich gepostet habe. http://thekitchencommunity.com/

"wächst das bild oben mit raus"! sobald ich die homepage skaliere.
ich weiß nicht genau wie ich es beschreiben soll.


bei der Version die ich mit eurem link gemacht habe. bleibt das hintergrundbild oben immer fest!

Wie kann ich umsetzten?

[immerIch]

Einen Blick in den Quellcode ([ironiemodus]Da muss ein Profi am Werk gewesen sein[/ironiemodus]) zeigt, dass hier das jQuery-Supersized-Plugin eingesetzt wurde.

http://buildinternet.com/project/supersized/


Respektive könnte dir auch jQuery Backstretch -> http://srobbin.com/jquery-plugins/backstretch/ weiterhelfen.


Wohlgemerkt beide Wege mit jQuery (bzw. eben auf Javascript-Basis).

[DaniFR85]

gibt es vielleicht eine Lösung mit CSS?

[immerIch]

Benutze den Code von http://paulmason.name/item/full-screen-background-image-pure-css-code , nur ändere da folgendes:


#full-screen-background-image {
z-index: -999;
min-height: 100%;
min-width: 1024px;
width: 100%;
height: auto;
position: fixed;
bottom: 0;
right: 0;
}