Полупрозрачный фон

Чтобы добиться полупрозрачного фона с помощью CSS, есть как минимум 2 способа, которые сразу в голову приходят – с использованием полупрозрачного png изображения или с использованием RGBa ("a" – значит alpha) для цвета фона. Работает это в современных браузерах, начиная с IE 9. В Chrome, Firefox и т.п. работает очень давно.

Ниже примеры использования фона с альфа-каналом RGBa.

Для 30% заполнения:

 

Для 50% заполнения:

 

Для 80% заполнения: