css - Responsive background photo -
i have gone through forums , tutorials available , can't seem change background of photo, responsive if possible.
here bit of css, i'm clueless on occasion.
body { font-family: 'lato', calibri, arial, sans-serif; color: #47a3da; background: url(images/1.jpg) no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; }
basically want add responsive photo this:
http://tympanus.net/blueprints/nestedaccordion/
try : if images in image folder , css in css folder, need specify image path ../images-directory/imagename.jpg
css
body { font-family: 'lato', calibri, arial, sans-serif; color: #47a3da; /*-----double check path specified in css-----*/ background: url(images/1.jpg) no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; }
you may check url if want see live. www.coderomeos.org have set background image repeated on body.
edit : added print screen of live website.
do come if still face issue.
Comments
Post a Comment