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

Popular posts from this blog

html - Sizing a high-res image (~8MB) to display entirely in a small div (circular, diameter 100px) -

java - IntelliJ - No such instance method -

identifier - Is it possible for an html5 document to have two ids? -