Как сделать полупрозрачный фон блока что бы он не затрагивал содержимого?

Question

[Artur Frank]

Подскажите пожалуйста, как сделать так что бы содержимое блока оставалось нетронутым в тот момент когда я делаю его полупрозрачным.? Логично что у меня и текст тоже становится полупрозрачным.

Comments

[timtimIT]

А у Вас фон картинка или цвет? Если цвет, то попробуйте задать его через rgba (0, 0, 0, 0.5) 0.5 это прозрачность...

[Artur Frank]

У меня бг картинка, а потом фон блока цвет)

[Artur Frank]

timtimIT: Все, я понял, спасибо, я просто в конце не так менял, я думал что 1 это последнее значение:)

Answer 1

[Billy Milligan]

bg {
    background-color: rgba(249, 201, 16, 1);
}

bg:hover {
    background-color: rgba(249, 201, 16, 0.5);
}

Последнее значение прозрачность(альфа-канал).

Comments

[Anonymous]

Очень помогли!!! Спасибо!