title: How can I place a html div over the Google Earth plugin? Involves wmode, I imagine
body: <p>I'm having trouble <strong>laying a html div over the Google Earth plugin</strong> in a web application, any help would be appreciated.</p>
  
  <p>It's fine for Map, Terrain and Hybrid mode, but on '<strong>Earth</strong>' mode, the <strong>Flash kicks in and automatically layers the map on top</strong>.</p>
  
  <p>Z-indexing doesn't help.</p>
  
  <p>Presumably I could do something like:</p>
  
  <pre><code>document.getElementById('flashDiv').setAttribute('wmode', 'opaque');
  </code></pre>
  
  <p>but given that Google's stuff is compiled on the fly, it makes it much more difficult. Viewing the generated code hasn't helped here. Again, due to it being compiled on the fly, stuff like SWFObject can't save the day...</p>
  
  <p>Has anyone encountered anything similar? I've spent the morning trawling the Google Earth API group without much avail.</p>
  
  <p><strong>Update</strong>: After more hair-pulling, the answer may lie with an <a href="http://groups.google.com/group/google-earth-browser-plugin/browse_thread/thread/dc38137e4b816837" rel="nofollow noreferrer">iframe shim</a>. I may have also jumped to the conclusion that the plugin is Flash-based. Investigating...</p>
  
  <p><a href="https://i.stack.imgur.com/6ZYkp.jpg" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/6ZYkp.jpg" alt="alt text"></a><br>
  <sub>(source: <a href="http://neilsimonmckeown.googlepages.com/overlay.jpg" rel="nofollow noreferrer">googlepages.com</a>)</sub>  </p>