Как придать тексту или изображению прозрачный фон с помощью 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 из родитель.

Comments

    No results found.