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

Question

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

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

Спасибо.

Answer 1

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

Answer 2

Свойство непрозрачности применяется по всему объекту, что вы можете прочитать на странице the specification for it.

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

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

Answer 3

Вы можете установить цвет фона вместо этого?

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