重叠css推元素

Question

大家好我有重叠问题这是一个带有背景图片的完整标题，我有一些内容也是一个按钮，但是正在推出标题，我怎么能解决这个问题？ 我想要做的是完整标题与背景，但我被困在这里。 感谢您的帮助Look what is the problem

＆＃13;

＆＃13;

file-a.java

package com.abcd.common;
import com.xyz.HCStrategy;
import com.xyz.DHC;

@Configuration
public class HCConfig {
    @Bean
    public HCStrategy dHC() {
        return new DHC();
    }
}



file-b.java

package com.abcd.app;
public class SCConfig {
   @Bean
   public meow() {
     //I want to call dHC here
   }

}

＆＃13;

html, body {
    height: 100%;
    padding:0;
    margin:0;
}
h1{
  margin:0;
}

.wrap{
  margin:0 auto;
  width:950px;
  height:100%;
}
header {
    background:url("https://unsplash.com/@aidanjjmeyer?photo=ckrUhWyTde8");
    background-size:cover;
    background-repeat:no-repeat;
    width:100%;
    height:100vh;
}
.text{
   text-align: Center;
  position: relative;
  top: 50%;

}
.menu{
  padding-top:30px;
}
.bar1 , .bar2 , .bar3{
  width:35px;
  height:3px;
  background-color:#262626;
  margin:6px 0;
}
.btn{
  border:1px solid aqua;
  background:transparent;
  font-size:25px;
  color:white;
  outline:none;
}
#about{
  height:300px;
  width:100%;
}

＆＃13;

＆＃13;

＆＃13;