H1在背景图片后面显示

要实现“H1在背景图片后面显示”，可以使用CSS的层叠顺序（z-index）属性来控制元素的叠放顺序。

以下是一个示例的代码解决方案：

HTML代码：

<div class="container">
  <h1>This is a heading</h1>
</div>

CSS代码：

.container {
  position: relative;
  background-image: url('your_background_image.jpg');
  background-size: cover;
  background-position: center;
  width: 800px;
  height: 600px;
}

h1 {
  position: relative;
  z-index: 1;
  color: white;
  text-align: center;
  padding-top: 200px;
}

在上面的代码中，我们给容器元素添加了一个背景图片，并设置了宽度、高度、背景位置等样式。然后，我们给h1元素设置了position: relative;来创建一个新的层叠上下文，并使用z-index: 1;将其放在背景图片的上方。

请注意，为了使z-index属性生效，容器元素的position属性必须是relative、absolute或fixed。

你可以根据自己的需要调整代码中的样式和尺寸。