Krewe Posted October 30, 2011 Share Posted October 30, 2011 How do you set it so the background image takes up the full screen when the browser is maximized, and when the browser changes size the background image just stays there. I understand how to make it fixed in it's position. But how do to make sure the width and height will fit with all screen sizes? Like this: http://www.thezombienation.com/How the background image is the full size of the screen with maximized, but if the browser is resize the image does not change at all, it is a fixed size. Or is this just a picture that is sized that big it fits on all screen sizes? Link to comment Share on other sites More sharing options...
eTianbun Posted October 30, 2011 Share Posted October 30, 2011 Css3 support background-size:100% %100 , that allows author(s) specify the width and height of a background-image You can also use the normal <img> tag, and set the width and height in pecentage, and then use CSS position:relative to remove the <img> tag from the document normal flow, and then use z-index:-999 to place the <img> tag behind every other elements. Link to comment Share on other sites More sharing options...
Krewe Posted October 30, 2011 Author Share Posted October 30, 2011 Ehhhhhhhh. I guess my main question would be: My background image is 1500px tall, I have it fixed so scrolling doesn't matter, the only thing that matters is how big the users screen is. Should I worry about it? Link to comment Share on other sites More sharing options...
dsonesuk Posted October 30, 2011 Share Posted October 30, 2011 the background image is a fixed size, it has to be, as it is also used as the background for the content area with two different size black borders at either side. Also the image grey background blends in with the background color (#A0AAA1) used for the body. Link to comment Share on other sites More sharing options...
Krewe Posted October 30, 2011 Author Share Posted October 30, 2011 Ah I totally missed that whole .css that defined the bg. Thanks Suk. Link to comment Share on other sites More sharing options...
Recommended Posts
Archived
This topic is now archived and is closed to further replies.