Я много видел этот вопрос как в SO, так и в Интернете. Но ни один из них не был тем, что я ищу.
Как добавить наложение цвета на фоновое изображение, используя только CSS?
Пример HTML:
<div class="testclass">
</div>
Пример CSS:
.testclass {
background-image: url("../img/img.jpg");
}
Пожалуйста, обратите внимание:
-
Я хочу решить эту проблему, используя только CSS. т.е. я не хочу добавлять дочерний div в div "testclass" для наложения цвета.
-
Это не должен быть "эффект наведения", я просто хочу добавить цветовой фон к фоновому изображению.
-
Я хочу иметь возможность использовать непрозрачность, то есть я ищу решение, которое позволяет цвет RGBA.
-
Я ищу только один цвет, скажем, черный. Не градиент.
Это возможно? (Я был бы удивлен, если нет, но я не смог ничего найти по этому поводу), и если так, каков наилучший способ достичь этого?
Все предложения и советы приветствуются!