{"id":493,"date":"2012-08-07T15:34:53","date_gmt":"2012-08-07T14:34:53","guid":{"rendered":"https:\/\/www.kolja-engelmann.de\/blog\/?p=493"},"modified":"2012-08-07T15:36:00","modified_gmt":"2012-08-07T14:36:00","slug":"html-hintergrund-uber-die-gesamte-seitengrose","status":"publish","type":"post","link":"https:\/\/www.kolja-engelmann.de\/blog\/2012\/08\/html-hintergrund-uber-die-gesamte-seitengrose\/","title":{"rendered":"HTML Hintergrund \u00fcber die gesamte Seitengr\u00f6\u00dfe"},"content":{"rendered":"<p>Wie bekommt man eigentlich einen Hintergrund auf eine Webseite, der sich automatisch an die Gr\u00f6\u00dfe des Browser Viewport anpasst? Ich war schon auf halbem Wege zu einer Javascrpt L\u00f6sung 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.<\/p>\n<pre class=\"lang:css decode:true\">html,body {\r\n        background: url(images\/image.png) no-repeat center center fixed;\r\n        -webkit-background-size: cover; \/*Webkit*\/\r\n        -moz-background-size: cover; \/*Mozilla*\/\r\n        -o-background-size: cover; \/*Opera*\/\r\n        background-size: cover; \/*Alle anderen*\/\r\n}<\/pre>\n<p>Done;<\/p>","protected":false},"excerpt":{"rendered":"<p>Wie bekommt man eigentlich einen Hintergrund auf eine Webseite, der sich automatisch an die Gr\u00f6\u00dfe des Browser Viewport anpasst? Ich war schon auf halbem Wege zu einer Javascrpt L\u00f6sung mit JQuery, als ich mich einfach&#46;&#46;&#46;<\/p>\n","protected":false},"author":1,"featured_media":292,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[38],"tags":[52,51],"class_list":["post-493","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-codeschnippsel","tag-css3","tag-html"],"jetpack_featured_media_url":"https:\/\/www.kolja-engelmann.de\/blog\/wp-content\/uploads\/2012\/06\/coding_php.jpg","jetpack_sharing_enabled":true,"amp_enabled":true,"_links":{"self":[{"href":"https:\/\/www.kolja-engelmann.de\/blog\/wp-json\/wp\/v2\/posts\/493","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.kolja-engelmann.de\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.kolja-engelmann.de\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.kolja-engelmann.de\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.kolja-engelmann.de\/blog\/wp-json\/wp\/v2\/comments?post=493"}],"version-history":[{"count":0,"href":"https:\/\/www.kolja-engelmann.de\/blog\/wp-json\/wp\/v2\/posts\/493\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.kolja-engelmann.de\/blog\/wp-json\/wp\/v2\/media\/292"}],"wp:attachment":[{"href":"https:\/\/www.kolja-engelmann.de\/blog\/wp-json\/wp\/v2\/media?parent=493"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.kolja-engelmann.de\/blog\/wp-json\/wp\/v2\/categories?post=493"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.kolja-engelmann.de\/blog\/wp-json\/wp\/v2\/tags?post=493"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}