谷歌地图作为背景

Question

是否有一种性感的方式来获得一个带有谷歌地图的网页(全屏),顶部只有一个小div#标题,中间有一个小div#容器？

我做了一些研究,我找到了这个例子:http://koti.mbnet.fi/ojalesa/exam/index.html ...但这不是我想做的.

如果你有一个很好的网站示例的瘦代码示例,这将帮助我很多.

非常感谢.

Answer 1

您可以使用position: absolute或随机在基于HTML的Google地图上定位HTML元素position: fixed.您只需要给它们z-index高于Google地图中任何元素的值.

未经测试,但沿着这些方向的东西应该工作:

<style type="text/css">
  .Overlay { position: absolute; left: 0px; top: 0px; 
             right: 0px; height: 50px; background-color: white; z-index: 100 }
</style>

... Fullscreen Google Map (or whatever)..... 

<div class="Overlay">I'm on top of a Google Map!</div>