Indeed, then you see white space you don’t want to be visible. I figured I can do it with some sort of jquery or better yet a PHP plugin, but would appreciate any advice. Thanks for the awesome tip! “Awesome, Easy, Progressive CSS3 Way” worked for me! Thank you for excellent post. I’ve been exploring all kinds of non-flash fullscreen solutions for my designs. Hi, how to make non full screen background (centered) but fixed. Alot of people don’t seem to like this, because of little bugs and the evil devil child of the internet design tables. CSS#2 fails as remarked in the article, and the neat CSS3 one works MOSTLY, but the background image experiences a shake (due to a delay in CSS processing, maybe?). 모종의 이유(끔찍하게 잘못된 사이트 디자인 등)로 300x300 픽셀 요소에 저 이미지 4개를 바둑판식으로 보여야 합니다. Will give this a go later. Choosing the right background depends on a host of factors. Watch out guys, there is a bug in Snap Mode in Windows 8 when you do this the CSS3 way. Check out code source… We’ve come a long way. $(body).style(‘background’,’url(phpthumb.php?src=bg.jpg&w=’+w+’&h=’+h+’)’); Would you mind explaining this a little more? Include this syntax to make the background image go full. The goal here is a background image on a website that covers the entire browser window at all times. Hi Chris, you might also want to check out the jQuery plugin fullscreenr I’ve just started using it on a project and it works great! This whole idea becomes a lot easier (from a CSS perspective) if we know if the aspect ratio of the image (inline
Nice follow up to the previous article. Credits for this technique goes to : http://www.g2geogeske.com/ (which is where I first saw this concept and expanded from it).