Search code examples
csssharepoint-2013sharepoint-designer

CSS Background Image Not working in SP 2013, but works Locally

This works locally

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;
}

enter image description here

When I edit the master page html file on the server for SP 2013, it doesn't show (all of my other override CSS works though...). You cannot see the cloudy background. 

body {  
    background: url(../DT_CustomFiles/DT_IMAGES/bg.jpg) no-repeat center center fixed; 
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

enter image description here

Does SP 2013 not allow background images?

Thanks

Solution

  • Try uploading the image to Site Assets in your SharePoint site and edit the link in css to point to that location. It should fix it.