CSS让background-image覆盖背景色的一部分

时间:2014-03-17 16:23:27

标签: html css gradient

我有一个部门,我给了黑色背景颜色。 HTML的正文是黄色的。我想要的是第一个消失的黑色div。

我想使用background-image执行此操作。背景图片也是一个png文件,也是黑色的,但左边是0%的透明度,右边是100%

如果我也将此background-image添加到我的部门,它仍为黑色。

我理解为什么会发生这种情况,因为图像是透明的,在图像后面仍然是黑色。我明白了。有没有办法做到这一点?有没有办法忽视background-color所在的background-image

如果没有必要,我宁愿不创建额外的HTML元素。

1 个答案:

答案 0 :(得分:0)

您应该为div使用线性渐变CSS功能。

background: linear-gradient(to right, black, white)