title: Detect if element has a background specified?
body: <p>I'm trying to determine if an element has a background explicitly set. I figured I could just check to see if <code>.css('background')</code>* was set, however, it's inconsistent between browsers. For example, chrome shows an element without a background set as</p>
  
  <pre><code>background: rgba(0, 0, 0, 0) none repeat scroll 0% 0% / auto padding-box border-box
  background-color: rgba(0, 0, 0, 0)
  background-image: none
  </code></pre>
  
  <p>whereas IE8 shows</p>
  
  <pre><code>background: undefined
  background-color: transparent
  background-image: none
  </code></pre>
  
  <p>(test case <a href="http://jsfiddle.net/WG9MC/3/" rel="noreferrer">here</a>)</p>
  
  <p>*(shorthand properties of CSS aren't supported for getting rendered styles in jQuery)</p>
  
  <p>Short of handling each separate case is there a better way to detect this?</p>