How to fix the background image as center for all re-sizing browser using css, here i'm going to tell you the simple way to fix the background image as background of the web site in all the re-size of browser window while zoomin and zoomout. let see the simple css code for that.
As you can seen in the above sample image, when you resize the browser by using zoom-in and zoom-out the background image will be fixed. most of the sites used repeat-x and repeat-y for the similar image.
call the background image for body tag as background image url and make no-repeat center and fixed and the thing is background-size:cover; is for cover the browser.
media="all" for support all the devices. and this code doesnot applies in IE8. i hope this is very helpful to you all.
RELATED POSTS :