Background url() not working

[duymax]

Hi All,

could anybody help to tell me why CSS code block:
.img-bcg {
height: calc(100vh -77.8px);
background: url("https://unsplash.com/photos/Q0mDOn9gWk8") center/cover no-repeat;
} not working in my project.

Edit fiddle - JSFiddle - Code Playground

Test your JavaScript, CSS, HTML or CoffeeScript online with JSFiddle code editor.

jsfiddle.net

Thanks alot for your help.

 

[Effexion]

Hi All,

could anybody help to tell me why CSS code block:
.img-bcg {
height: calc(100vh -77.8px);
background: url("https://unsplash.com/photos/Q0mDOn9gWk8") center/cover no-repeat;
} not working in my project.

Edit fiddle - JSFiddle - Code Playground

Test your JavaScript, CSS, HTML or CoffeeScript online with JSFiddle code editor.

jsfiddle.net

Thanks alot for your help.

Your best bet would be to upload it to your server and call it from there with background: URL("yourdomain.com/images/file");. Also, try with and without quotations.

 

[.CSS]

Yes, semi-colons are a common mistake. Did you try Effexion's fix yet, OP?

 

[Renowned]

Is everything working OK now, OP? Post a screenshot of what you mean and I can try and help.