后台覆盖中的Wordpress谷歌地图

Question

我有wordpress网站。我想使用谷歌地图背景覆盖在页脚。就像这个屏幕截图。有没有插件。

Answer 1

我不认为有这样的插件，但您可以使用css：

1. 创建一个更好的div
2. 创建map 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: ....
 }

您需要阅读这篇文章，这样您就可以更好地理解一些事情。