javascript - HTML CSS fullscreen background with an image -


i'm working on website uses fullscreen background image. , in order make work on screen types i'm using jquery backstretch plugin.

the problem have background image has text on , if screen size gets smaller, image on background , image on top overlays each other.

it's rather difficult explain here actual page;

preview page

if width of page goes down below 1700 pixels you'll see problem.

is there way solve problem without separating text background?

you can use background-size: cover;

{       background: url(http://alicantest.info/public/_images/anasayfa_bg.jpg) no-repeat center center fixed;        -webkit-background-size: cover;       -moz-background-size: cover;       -o-background-size: cover;       background-size: cover; } 

or use other image in media query

@media screen , (max-width: 1700px) {      {           background: url(newimage.jpg) no-repeat center center fixed;      }  } 

Comments

Popular posts from this blog

java - activate/deactivate sonar maven plugin by profile? -

python - TypeError: can only concatenate tuple (not "float") to tuple -

java - What is the difference between String. and String.this. ? -