我正在尝试偏移我用于联系部分的背景图像。我希望背景从该部分的顶部开始大约20px的内容,以便某些内容显示在内容之上。
这是该部分的代码:
<section id="contact">
<div class="container">
<div class="row">
<h3 class="section-header wow fadeInUp" style="display: inline-block;">Contact Us</h3>
</div>
<div class="row" style="padding-top: 20px;">
<!-- <div id="google-map" style="height:300px;" data-latitude="10.943816" data-longitude="76.934372"></div> -->
<div id="map" style="height:300px;"></div>
<script>
</script>
</div>
</div>
</section>
我对该部分的css:
#contact {
text-align: center;
padding-bottom: 10px;
background-image: url('../images/slider/bg1.jpg');
}
我实际上是在努力实现here
之类的联系部分但到目前为止我只能做this。
请帮助我实现这一目标。
此外,谷歌地图部分似乎没有响应。请告诉我如何使其成为目的地。