Html 无法将图像与内部css正确对齐

我是CSS新手，希望将此图片作为横幅，并将其下方的文本作为标题、副标题等，但当我使用框中的代码时，就会出现这种情况。我希望所有的东西都在CS:GO-GNDB-png的图片下面

header {
background-image: url("images/header.png");
background-repeat: no-repeat;
background-attachment: fixed;}

---

用于将图像添加到标题的方法将标题的背景图像设置为您的标题。你可以看到它在上面写下你想要的文本，这就是为什么这个属性被称为“背景图像”；图像是其他内容的背景。您需要的是一个图像元素，它是页面中自己的离散“框”，没有任何重叠或干扰。这通常是通过HTML的img标记完成的

您可以在HTML文件中放置一行，如下所示：

<img src="images/header.png" />

以获得图像本身。有关文档，请参见下文。网上也有很多关于这类事情的教程

---

在这种情况下，您有两种选择

在页眉顶部添加一些填充，使文本显示在图像下方。例如： 标题{ 背景图像：urlhttp://www.jhakas.in/wp-content/uploads/2013/12/ad_720x90.png; 背景重复：无重复； 背景附件：固定； 填充顶部：80px；} 一些头衔 一些副标题