jquery - Resize background image height on different screens -


please visit site: http://www.themebia.com/pretavivre/

i'm using slider background images, width of background images 1920px in order cover entire screen 24" screens.

i think, width of bg images automatically resizing browser height creates vertical scroll bar , not intention user scroll down text box & footer area.

how can manage height of background images different screens in order fit text box , footer area?

should use max-height property along media quires set max-height images @ break points?

try fixed background image :

.divimage {    background: url(images/bg.jpg) no-repeat center center fixed;    -webkit-background-size: cover;   -moz-background-size: cover;   -o-background-size: cover;   background-size: cover; } 

please visit: http://css-tricks.com/examples/fullpagebackgroundimage/progressive.php


Comments

Popular posts from this blog

hibernate - How to load global settings frequently used in application in Java -

python 3.x - Mapping specific letters onto a list of words -

objective c - Ownership modifiers with manual reference counting -