一种可能的解决方案是使用z-index CSS属性。使用z-index属性可以控制元素的垂直堆叠次序，在z-index值较高的元素会显示在z-index值较低的元素的上面。

以下是使用z-index属性的示例：

HTML代码：

  

    
This is the content
  
  

CSS代码：

.wrapper {
  position: relative;
}

.content {
  position: relative;
  z-index: 1;
}

.background {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
  background: url('background.jpg') no-repeat center center fixed;
  background-size: cover;
}

在这个示例中，我们将包含背景图片的div设置为绝对定位，并将其z-index设置为0。我们使用了一个.wrapper div将所有内容包裹起来，并将其位置设置为相对定位。在.wrapper内部，我们将包含实际内容的div的位置设置为相对定位，并将其z-index设置为1。这样背景就能显示在内容后面了。