Как придать тексту или изображению прозрачный фон с помощью CSS?

возможно ли, используя только 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 из родитель.