要解决背景图片拉伸和不透明度不起作用的问题，可以使用CSS的background-size和opacity属性来实现。以下是一个示例代码：

HTML:

  

  

    
这是一个示例文本
    
这是一段示例文本。
  

CSS:

.container {
  position: relative;
  width: 800px;
  height: 600px;
}

.background-image {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url('your-image.jpg');
  background-size: cover;
  opacity: 0.5;
}

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

h1 {
  color: #fff;
}

p {
  color: #fff;
}

在上面的示例中，我们创建了一个容器div，容器的宽度和高度可以根据实际情况进行调整。然后我们在容器中创建了两个子div，一个用于显示背景图片，另一个用于显示内容。

在.background-image的样式中，我们将其定位为绝对定位，并将其宽度和高度设置为100%，以使其覆盖整个容器。我们使用background-size属性将背景图片拉伸至适应容器的大小，并使用opacity属性设置透明度为0.5。

在.content的样式中，我们将其相对定位，并将z-index属性设置为1，以确保内容位于背景图片之上。

通过这种方式，背景图片的拉伸效果和不透明度效果都会生效。你可以根据实际需要进行调整。