在背景覆盖物的Wordpress谷歌地图

Question

我有wordpress网站。 我想在页脚中使用谷歌地图背景叠加。 像这样Screenshot。 有没有插件。

Answer 1

我不认为有一个插件，但你可以用css做到这一点：

1. 创建一个contanier div
2. 创建地图div容器
3. 创建信息容器

最后你必须有这样的东西：

<div class="wrapper">
    <div class="map"></div><!-- end Map -->
    <div class="box-info">... more HTML </div>
</div><!-- end wrapper -->

然后，添加一些样式：

.wrapper{
   position: relative; // Position relative to container
   z-index: 1 // add a "level" to this div
 }
 .box-info{
   position: absolute; // Put this div on top of his parent
   z-index: 2; // Add one more "Level" to this div, so this will be on top
   top:0; 
   left:0;
   width:100%;
   height: (Some height)px;
   background: ....
 }

你需要read this，这样你才能更好地理解一些事情。