My set up is as shown below:

HTML:

<div id='id_div_bkgrnd'></div>

CSS:

#id_div_bkgrnd {
    background: url('/static/media/frame.png') no-repeat center center fixed;
    width: 200px;
    height: 200px;
    background-size: cover;

Despite attempting many (possible) combinations (of CSS/HTML), I am unable to get the image to show up in the div. In the browser’s developrs tools’ styles tab however, I find that the image is showing up on hovering over the div (image below). So I think the browser is able to discover the image, only it is not “visible” on the page itself.