javascript - Background Postioning in CSS on Mobile Device -


i have image (background.jpg) on website. appears fine on desktop, doesn't right on mobile. change in stylesheet.css make image, guess, shrink in size appear desktop?

current code:

#services-top-desktop {     background: #fff url(../img/background.jpg) fixed no-repeat center;     background-size: cover; }  #services-top-mobile {     background: #fff url(../img/background.jpg) no-repeat center; } 

your code uses 2 classes, 1 desktop , other mobile. instead, use generic body class in css

body {    background-image: url('../img/test.jpg');   background-repeat: no-repeat;   background-size: cover;  } 

Comments

Popular posts from this blog

blackberry 10 - how to add multiple markers on the google map just by url? -

php - guestbook returning database data to flash -

delphi - Dynamic file type icon -