是否可以仅使用 CSS 使background元素的 半透明但元素的内容（文本和图像）不透明？

我想在不将文本和背景作为两个独立元素的情况下完成此操作。

尝试时：

p {
  position: absolute;
  background-color: green;
  filter: alpha(opacity=60);
  opacity: 0.6;
}

span {
  color: white;
  filter: alpha(opacity=100);
  opacity: 1;
}
<p>
  <span>Hello world</span>
</p>

看起来子元素受其父元素的不透明度影响，因此opacity:1相对于opacity:0.6父元素。