title: CSS: Alternate background image for mobile website?
body: <p>I'm working on a responsive website, and I have played around with full image backgrounds - it looks great when the website is being resized to iPad size and above, but once it resizes below the 480px threshold (aka: mobile version) it simply looks bad, plus I don't really want people browsing to the website with an iPhone to download those heavy background images to begin with.</p>
  
  <p>How do you reckon this can be achieved? The site is responsive via CSS3 media queries, so of course I can hide the DIV, but is there a way to prevent it from loading the full background images for mobile clients?</p>
  
  <p>Any help would be much appreciated!</p>