Html 如何将图像与文本重叠

仍然在学习css如何与html一起工作，我目前正在尝试将图像与文本重叠。这就是我目前所拥有的

<style>
  .aboutus_oven{
    background:url('Images/oventemp.jpg') no-repeat center;
    background-size: 100% 100%;
    height:760px;
    margin-top: 208px;
    position: absolute;
        }
</style>




<div class="aboutus_oven">
    <div class="aboutus_title">
        <h1> About Us</h1>
    </div>
</div>



.aboutus_title{
  margin-top:0px;
  margin-left: 65px;    
  position: relative;
  }

.aboutus_烤箱{
背景：url（'Images/oventemp.jpg'）没有重复中心；
背景大小：100%100%；
高度：760像素；
利润上限：208px；
位置：绝对位置；
}
关于我们
.aboutus_头衔{
边际上限：0px；
左边距：65px；
位置：相对位置；
}

我不知道是不是因为他们都在同一个班？我在每个类中指出的特定边距-它们是否相互矛盾？ 我包括了一张图片，显示了我想要实现的目标

看看这把小提琴：

看看这把小提琴：

---

您可以尝试在容器中使用填充：

  .aboutus_oven{
    background-color:red;
    background-size: 100% 100%;
    height:760px;
    margin-top: 208px;
    position: absolute;
    padding: 65px;  
    padding-top:380px;
        }

---

您可以尝试在容器中使用填充：

  .aboutus_oven{
    background-color:red;
    background-size: 100% 100%;
    height:760px;
    margin-top: 208px;
    position: absolute;
    padding: 65px;  
    padding-top:380px;
        }

---

您的aboutus_标题样式不在样式标记中。要控制前面或后面的内容，请尝试使用z索引。例如：

.textontop{
z指数：10；
位置：绝对位置；
顶部：80px；
右：200px；
字体大小：60px；
}
.imageonbottom{
z指数：1；
}
身体{
文本对齐：居中；
}
文本

您的aboutus_标题样式不在样式标签中。要控制前面或后面的内容，请尝试使用z索引。例如：

.textontop{
z指数：10；
位置：绝对位置；
顶部：80px；
右：200px；
字体大小：60px；
}
.imageonbottom{
z指数：1；
}
身体{
文本对齐：居中；
}
文本

只需增加标题上的页边距顶部哦，顺便说一句，在你提供的JSFIDLE上使用%比pixelscan更好？只需增加标题上的页边距顶部哦，顺便说一句，在你提供的JSFIDLE上使用%比pixelscan更好？