I'm new to this and I've encountered an issue that's baffling me when trying to display a background image. Everything works perfectly fine when I link to an image like this:
.backg {
height: 100%;
background: url(http://formdoctors.com/creese79/msc/pages/med_background.jpg);
background-position: center center;
background-size: cover;
}
However, when I attempt to point to the image path like this, the background fails to show up.
.backg {
height: 100%;
background-image: url(med_background.jpg);
background-position: center center;
background-size: cover;
}
If I can successfully link to it using the first method, I assume the file name is correct, it exists in the folder and displays perfectly fine, and the CSS is accurate with no other overrides present. Why does the first method work but not the second one??