这是我正在努力实现的CSS。这个类在导航栏中。我想要列出的背景颜色，然后我想要渐变，然后我希望上面有SVG模式，然后我需要导航栏文本和链接。不过，我现在拥有的方式是最"；最近的"；背景图像覆盖第一个。。这意味着我必须在渐变或SVG模式与背景颜色之间进行选择。
.infinesseHeader {
background-color: #2A3694;
background-image: linear-gradient(-225deg, #852574 0%, #4757B5 29%, #3543A0 67%, #852574 100%);
background-image: url(/assets/images/cubes-tile.svg);
background-size: contain;
}
有没有办法把背景渐变放在SVG文件后面？也许可以解决它们都是背景图像值的问题？
.infinesseHeader {
background-color: #2A3694;
background-image: url(/assets/images/cubes-tile.svg), linear-gradient(-225deg, #852574 0%, #4757B5 29%, #3543A0 67%, #852574 100%);
background-size: contain;
}
CSS允许您指定多个背景图像。它们用逗号分隔，并堆叠在一起，这意味着第一个图像将优先于另一个图像。
示例：
.infinesseHeader {
width: 70vw;
height: 70vh;
background-color: #2A3694;
background-image: linear-gradient(-225deg, rgba(133, 37, 116, 0.7) 0%, rgba(71, 87, 181, 0.7) 29%, rgba(53, 67, 160, 0.7) 67%, rgba(133, 37, 116, 0.7) 100%), url("https://s4.uupload.ir/files/5c29cf910a706_8m.jpg");
background-size: 100% 100%;
background-repeat: no-repeat;
}<div class="infinesseHeader"></div>