title: Remove google maps background-color
body: <p>I am trying to make my google maps transparent. I have managed to changed the opacity of the map tiles (markers are also transparent but I need to sort that out later).I wanted to add a gradient to the  that would look like folds in the page and then have the transparent maps overlaying it so it looks fold lines in a map.</p>
  
  <p>I noticed that google is adding a background color to the div containing the maps... a slight obstical in my plan.</p>
  
  <p>I tried targeting the div with jquery to set the background to none. Unfortunatly for me Google won and I couldn't change it.</p>
  
  <pre><code>$('div div#example').css("background-color","#000");
  </code></pre>
  
  <p>Here is a fiddle showing how I have things set up <a href="http://jsfiddle.net/pTuQ4/" rel="nofollow">http://jsfiddle.net/pTuQ4/</a></p>