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

我对一些CSS有点问题

在主要内容部分中，我使用了一个背景图像，在该图像中有一个透明元素，显示其下方的背景。这很好，符合我的要求

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

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

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

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

---

我解决了这个问题，只是把背景图像改得很长

---

这不是一个很好的选择，因为我更愿意将图像资产保持在最低限度，但它会做到。

我的第一反应是说不。如果元素有背景颜色，它将始终存在，甚至通过背景图像中的间隙显示。嗯，我原以为会是这样的-谢谢阿德里安。@Moak给你：-这是一个简单的两列布局-为了演示，我不得不简化代码。等一下，背景很早就结束了，你在重复吗？这能解决问题吗？似乎最好的办法是让背景图像变得愚蠢地长，以迎合长内容。。。