将背景图像和背景颜色与透明元素相结合
我在使用 CSS 时遇到了一些问题。
在主要内容部分中，我使用背景图像，该图像内是一个透明元素，显示其下方的背景。这很好，并且可以满足我的要求。
问题是我还想指定背景颜色，以便如果内容比图像长，则背景继续。但是，如果我向背景添加颜色，则会丢失背景图像的透明部分。
有没有办法在同一个div上同时使用透明背景和纯色，但颜色位置低于透明部分？
这是背景，透明元素显示下面的背景：
我试图避免这种情况，侧边栏更长比主要内容更早结束，因此背景提前结束：
I'm having a bit of an issue with some CSS.
In the main content section I am using a background image, within that image is a transparent element which shows the background below it. This is fine and does what I want.
The issue is that I want to also specify a background colour so that if the content is longer than the image then the background continues. However, if I add a colour to the background, I lose the transparent part of the background image.
Is there a way to use both a transparent background and a solid colour on the same div but have the colour position be lower than the transparent part?
Here is the background with the transparent element showing the background underneath:
And I'm trying to avoid this, the sidebar is longer than the main content so the background ends early:
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论
评论（1）
我只是通过将背景图像设置得愚蠢地长来解决这个问题。
这不是一个很好的选择，因为我更希望将图像资源保持在最低限度，但它可以。
I solved this just by making the background image stupidly long instead.
Not a great option as I would prefer to keep image assets minimal, but it will do.