Size Background Image to fit browser window JavaScript/HTML/CSS/JQuery

Question

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.

Check out this css-tricks.com/perfect-full-page-background-image — Nelson Benítez León
– Nelson Benítez León, Commented Oct 12, 2012 at 18:32
Possible duplicate of CSS background image to fit width, height should auto-scale in proportion — Alex Angas
– Alex Angas, Commented Mar 1, 2016 at 0:56

atomikpanda · Accepted Answer · 2012-10-12 18:49:01Z

2

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

answered Oct 12, 2012 at 18:49

atomikpanda

1,8865 gold badges35 silver badges48 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

user1386320 · Accepted Answer · 2012-10-12 18:33:20Z

0

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>

answered Oct 12, 2012 at 18:33

user1386320

Comments

Ben Harrison · Accepted Answer · 2012-10-12 18:40:18Z

0

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

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

answered Oct 12, 2012 at 18:40

Ben Harrison

2,2395 gold badges27 silver badges41 bronze badges

Comments

Tony Wu · Accepted Answer · 2014-09-25 08:51:12Z

0

Try this:

<img src="images/BG.jpg" 

style="width:100%;height:100%;position:absolute;top:0;left:0;z-index:-5000;">

http://thewebthought.blogspot.com/2010/10/css-making-background-image-fit-any.html

answered Sep 25, 2014 at 8:51

Tony Wu

1,13719 silver badges29 bronze badges

Collectives™ on Stack Overflow

Size Background Image to fit browser window JavaScript/HTML/CSS/JQuery

4 Answers 4

Comments

Comments

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

Comments

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related