html - Image won't appear as background when site is live -
i trying background image show when site live. works when in development environment. once uploaded, defaults background color. have checked several times ensure proper file name being used , other aspects work required. following code in main.css file.
body { background-color: #f2f2f2; font-family: "lato"; font-weight: 300; font-size: 16px; color: #555; padding-top: 150px; background-image: url(../img/img_0234.jpg); background-repeat: no-repeat; background-position: center center; background-attachment: fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; }
when use devtools on google chrome following response :
failed load resource: server responded status of 404 (not found) http://josejrvazquez.com/assets/img/img_0234.jpg event.returnvalue deprecated. please use standard event.preventdefault() instead.
the file can found @ http://josejrvazquez.com/assets/img/img_0234.jpg
you need capital .jpg
background-image: url(../img/img_0234.jpg);
you live environment case sensitive. *nix systems run websites case sensitive in file , folder names. windows file structure not case sensitive. leads lot of confusion similar yours.
Comments
Post a Comment