JSFiddle - React, Tailwind, and code Playground

HTML

<div id="top">
    <div id="in"></div>
</div>
<div id="bot">
</div>

CSS

#top
{
    background: red;
    padding: 3px;
}
#in
{
    height: 20px;
    width: 20px;
}
#bot{
    height:100px;
    background:url(http://placekitten.com/200/200);
}

JavaScript

var $top = $('#top');
var $in = $('#in');
var props = ['background', 'background-color', 'background-image'];
var elems = [$top, $in, $('#bot')];

for(var i=0, len=elems.length;i<len;i++)
{
    console.log('Dumping ' + elems[i].prop('id'));
    console.log('BG present:', isBGDefined(elems[i]));
}


function isBGDefined(ele){
    var img = $(ele).css('backgroundImage'),
        col = $(ele).css('backgroundColor');
    
    return img != 'none' || (col != 'rgba(0, 0, 0, 0)' && col != 'transparent');
}