Tell me more ×
Stack Overflow is a question and answer site for professional and enthusiast programmers. It's 100% free, no registration required.
up vote 1 down vote favorite
1

How can I set the background image to fit the exact size of the browser's window. I am familiar with JavaScript/HTML/CSS/JQuery so any language will work for me.

share|improve this question
3  
Check out this css-tricks.com/perfect-full-page-background-image – Nelson Oct 12 '12 at 18:32

3 Answers

up vote 0 down vote

HTML & CSS:

<html>
<head>
<title>bg</title>
<style>
.bg {
    background: url(yourimage);
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
}
</style>
</head>

<body>
<div class="bg"></div>
</body>
</html>
share|improve this answer
up vote 0 down vote

I've used the Backstretch jQuery plugin for this before.

http://srobbin.com/jquery-plugins/backstretch/

share|improve this answer
up vote 0 down vote

Thanks to @Nelson 's comment I have found my answer here: http://css-tricks.com/perfect-full-page-background-image/

share|improve this answer

Your Answer

 
discard

By posting your answer, you agree to the privacy policy and terms of service.

Not the answer you're looking for? Browse other questions tagged or ask your own question.