H1标题未出现在主图上方

要解决"H1标题未出现在主图上方"的问题，你可以使用HTML和CSS来调整标题的位置。以下是一个示例代码：

HTML代码：

<div class="container">
  <h1>H1标题</h1>
  <img src="your-image.jpg" alt="主图">
</div>

CSS代码：

.container {
  position: relative;
}

h1 {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  z-index: 1;
}

img {
  display: block;
  max-width: 100%;
}

在这个例子中，我们使用了一个包含标题和图像的容器div，并将其设置为相对定位。然后，我们将H1标题设置为绝对定位，并将其置于容器的顶部中间位置。使用transform: translateX(-50%);可以将标题水平居中对齐。最后，我们设置了图像的最大宽度为100%，以确保其适应容器的大小。

你可以根据需要调整容器、标题和图像的样式，以实现你想要的效果。