我在SO和Web上都看到了很多这个问题.但它们都不是我想要的.
如何仅使用CSS为背景图像添加颜色叠加？
示例HTML:
<div class="testclass">
</div>
CSS示例:
.testclass {
background-image: url("../img/img.jpg");
}
请注意:
我想通过仅使用CSS来解决这个问题.即我不想在div"testclass"中为颜色叠加添加一个子div.
这不应该是一个"悬停效果",我只想简单地在背景图像上添加一个颜色过度.
我希望能够使用不透明度,即我正在寻找一种允许RGBA颜色的解决方案.
我正在寻找一种颜色,让我们说黑色.不是渐变.
这可能吗？(如果没有,我会感到惊讶,但我还没有找到任何关于此的内容),如果是这样,最好的方法是什么呢？
所有的建议和意见都表示赞赏!