要解决背景图片未显示的问题，可以使用伪选择器来设置背景图片。

下面是一个使用伪选择器解决背景图片未显示的示例代码：

HTML代码：

  
背景图片未显示

CSS代码：

.container {
  width: 200px;
  height: 200px;
  background: linear-gradient(to right, #f06d06, #f012be);
  position: relative;
}

.container::before {
  content: "";
  background-image: url("path/to/image.png");
  background-repeat: no-repeat;
  background-size: cover;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: 0.5;
  z-index: -1;
}

在上面的代码中，我们使用了伪选择器 ::before 来创建一个伪元素，并将其作为容器的背景图片。通过设置 background-image 属性来指定背景图片的路径，然后使用其他属性来控制背景图片的显示效果，比如设置 background-repeat 属性来控制背景图片是否重复，设置 background-size 属性来控制背景图片的大小。

最后，通过设置 position: absolute，并调整 top、left、right、bottom 属性来将伪元素覆盖在容器上方，以达到显示背景图片的效果。

请注意修改 url("path/to/image.png") 中的 path/to/image.png 为你实际的背景图片路径。