CSS Background-image help!

Hey guys, am having a nightmare trying to stick on a background image in CSS using the background-image property
Am using …
body {
background-image: url(“https://s23.postimg.org/o7ar859hn/IMG_0053.jpg”);

with other properties but no joy…

any pointers would be great

If you’re using chrome, right click on the body and choose “inspect element”. Does your css show up at all on the dev tools?

Hi bro,

Do you have the codepen link? did you tried just the code you sent?

body {
background-image: url("https://s23.postimg.org/o7ar859hn/IMG_0053.jpg");

Maybe when you add the other properties, you disable the background image.

Hey, no sign of the CSS…and with that think have just worked it out with the file structure…

got it sorted now thx

cheers :-))

That’s very true, depending on the other CSS properties and the order they’re executed in it can change how effective setting a property is. The chrome developer tools can help you with that.

1 Like

Cheers guys, will have a play around with the other properties

If you have a link to where your source code is running (example: Codepen) we could help you debug the issue.


Sure bro, if anything happens try to add a codepen link to make it more visual, and to get you a faster response. :slight_smile: have fun coding.

1 Like