Html 将可滚动渐变与固定图像相结合

我试图将可滚动的渐变与固定在屏幕底部同一元素内的背景图像相结合

.wrapper {
background-image: url('../resources/City_side3.png'), linear-gradient(to bottom, rgba(255, 205, 164, 1) 0%, rgba(159, 78, 117, 1) 50%, rgba(0, 0, 49, 1) 100%); /* W3C */
background-repeat: repeat-x;
background-position: bottom;
background-attachment: fixed;
height:auto !important;
height:100%; 
min-height:100%; 
}

---

我这里的问题是背景附件也会修复渐变，有没有办法分别修复图像？

为什么要设置两次渐变，一次在包装中，一次在包装中：以前？是我的错，我尝试了一个解决方案并复制粘贴了它不确定，如果这是你想要的<代码>背景附件：固定，滚动与背景图像相同，您也可以为多个背景设置其他背景属性，如背景重复、-position、-size、-clip、-olrigin和-attachment。唯一的例外是背景色，它适用于您的最后一个背景。这里有一个-让我知道，如果这是你想要实现的为什么你要设置梯度两次，一次在包装器中，一次在包装器中：之前？我的错，我尝试了一个解决方案并复制粘贴了它不确定，如果这是你想要的<代码>背景附件：固定，滚动与背景图像相同，您也可以为多个背景设置其他背景属性，如背景重复、-position、-size、-clip、-olrigin和-attachment。唯一的例外是背景色，它适用于您的最后一个背景。这里有一个-让我知道，如果这是你想要实现的