Wie bekommt man eigentlich einen Hintergrund auf eine Webseite, der sich automatisch an die Größe des Browser Viewport anpasst? Ich war schon auf halbem Wege zu einer Javascrpt Lösung mit JQuery, als ich mich einfach mal in die bunte Welt von CSS3 schmiss. Das folgende kleine Snippet macht genau das. Nicht mehr und nicht weniger.
html,body { background: url(images/image.png) no-repeat center center fixed; -webkit-background-size: cover; /*Webkit*/ -moz-background-size: cover; /*Mozilla*/ -o-background-size: cover; /*Opera*/ background-size: cover; /*Alle anderen*/ }
Done;