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;
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
Post a Comment