Возможно ли, используя только 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>