I've created a custom HTML and CSS file, uploaded it to SP2013 using design manager, and converted the HTML to a .masterpage
. I want to set a full page background image, so I've added the following to the body {
, but the image is not appearing.
If I just add <img src="dt_images/bg.jpg" />
to the master HTML page, the image appears.
But if I reference the image as such in the CSS, it does not:
body {
/*background: Gainsboro;*/
background: url(../dt_images/bg.jpg) no-repeat center center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
Why is this?
Edit:
CSS Path:
background: url(../dt_images/bg.jpg) no-repeat center center fixed;
file structure: