将背景图像和背景颜色与透明元素相结合

Question

我的一些 CSS 有点问题。

在主要内容部分，我使用了一张背景图片，该图片中有一个透明元素，它显示了它下方的背景。这很好，可以满足我的要求。

问题是我还想指定背景颜色，以便如果内容比图像长，则背景继续。但是，如果我为背景添加颜色，则会丢失背景图像的透明部分。

有没有办法在同一个div上同时使用透明背景和纯色但颜色位置低于透明部分？

这是带有透明元素的背景，下面显示了背景：

我正在努力避免这种情况，侧边栏比主要内容长，所以背景提前结束：

Answer 1

我解决了这个问题，只是让背景图像变得愚蠢地变长了。

这不是一个很好的选择，因为我希望将图像资源保持在最少，但它会做到。