Как установить прозрачный фон в элементе HTML5

Я хочу установить непрозрачность элемента на 0. Теперь, если я это сделаю, все содержимое элемента наследует это свойство. Я не хочу этого, я просто хочу, чтобы фон получил непрозрачность 0, в то время как контент (например, текст) остается видимым

Любые подсказки?

Спасибо.

Ответ 1

После некоторых исследований я нашел легкий ответ - background-color: transparent;

Ответ 2

Можно ли задать цвет фона?

background-color: rgba(255,255,255,0.6);

Ответ 3

Свойство непрозрачности применяется ко всему объекту, так как вы можете читать спецификацию для него.

Единая настройка непрозрачности для всего объекта. Любые значения вне диапазона 0,0 (полностью прозрачные) до 1,0 (полностью непрозрачные) будут зажаты в этом диапазоне. Если объект является элементом контейнера, то эффект будет таким, как если бы содержимое элемента контейнера было смешивается с текущим фоном, используя маску, в которой значение каждый пиксель маски.

Вы можете использовать rgba() цвета.