{"id":522,"date":"2010-10-07T00:04:57","date_gmt":"2010-10-06T22:04:57","guid":{"rendered":"http:\/\/www.kavdesign.net\/blog\/?p=522"},"modified":"2010-10-07T00:05:31","modified_gmt":"2010-10-06T22:05:31","slug":"how-to-add-a-scallable-background-image-to-your-site","status":"publish","type":"post","link":"https:\/\/www.kavdesign.net\/blog\/coding\/how-to-add-a-scallable-background-image-to-your-site\/","title":{"rendered":"How to add a scallable background image to your site?"},"content":{"rendered":"<p>If you want to add an image that resizes according to the monitor or the browser size just follow the steps:<\/p>\n<p>First put the image exactly after the opening &lt;body&gt; tag:<\/p>\n<p>&lt;body&gt;<\/p>\n<p>&lt;img src=&#8221;images\/bg.jpg&#8221; class=&#8221;bg&#8221; \/&gt;<\/p>\n<p>Then go to the CSS and add this:<\/p>\n<pre><code>\r\nimg.bg {\r\n     bottom:0;\r\n     min-width:1024px;\r\n     position:fixed;\r\n     right:0;\r\n     width:100%;\r\n}\r\n<\/code><\/pre>\n<p>Then add some exception CSS for IE6, because it doesn&#8217;t get this stuff to work well.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>If you want to add an image that resizes according to the monitor or the browser size just follow the steps: First put the image&#8230;<\/p>\n<div class=\"more-link-wrapper\"><a class=\"more-link\" href=\"https:\/\/www.kavdesign.net\/blog\/coding\/how-to-add-a-scallable-background-image-to-your-site\/\">Continue reading<span class=\"screen-reader-text\">How to add a scallable background image to your site?<\/span><\/a><\/div>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":"","_links_to":"","_links_to_target":""},"categories":[9],"tags":[107,93,69,108],"class_list":["post-522","post","type-post","status-publish","format-standard","hentry","category-coding","tag-background","tag-css","tag-image","tag-screen","entry"],"_links":{"self":[{"href":"https:\/\/www.kavdesign.net\/blog\/wp-json\/wp\/v2\/posts\/522","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.kavdesign.net\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.kavdesign.net\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.kavdesign.net\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.kavdesign.net\/blog\/wp-json\/wp\/v2\/comments?post=522"}],"version-history":[{"count":2,"href":"https:\/\/www.kavdesign.net\/blog\/wp-json\/wp\/v2\/posts\/522\/revisions"}],"predecessor-version":[{"id":524,"href":"https:\/\/www.kavdesign.net\/blog\/wp-json\/wp\/v2\/posts\/522\/revisions\/524"}],"wp:attachment":[{"href":"https:\/\/www.kavdesign.net\/blog\/wp-json\/wp\/v2\/media?parent=522"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.kavdesign.net\/blog\/wp-json\/wp\/v2\/categories?post=522"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.kavdesign.net\/blog\/wp-json\/wp\/v2\/tags?post=522"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}