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

Question

我在使用CSS时遇到了一些问题。

在主要内容部分中，我使用的是背景图像，在该图像中是一个透明元素，显示其下方的背景。这很好，做我想做的事。

问题是我还要指定背景颜色，这样如果内容比图像长，那么背景会继续。但是，如果我在背景中添加颜色，则会丢失背景图像的透明部分。

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

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

我试图避免这种情况，侧栏比主要内容长，所以背景提前结束：

Answer 1

我只是通过使背景图像变得愚蠢而解决了这个问题。

不是一个很好的选择，因为我更喜欢将图像资源保持在最低限度，但它会这样做。