Изменить прозрачность объекта

1-ый способ: прозрачный весь элемент

Изменить прозрачность элемента вместе с его дочерними элементами можно через свойство opacity, которое появилось в CSS 3.

div {
  opacity: .5
}

Пример кода:

2-ой способ: прозрачный только фон

Задать прозрачность элемента можно через значение background: rgba(), которое позволяет указать цвет в RGB и его прозрачность.

div {
  background: rgb(255 255 255 / .5); /* новый синтаксис (CSS Color Module Level 4) */
  background: rgba(255,255,255,.5);  /* CSS 3 */
}

Пример кода: