将可滚动渐变与固定图像组合

Question

尝试将可滚动渐变与固定在同一元素内的屏幕底部的背景图像组合在一起。

.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%; 
}

我的问题是背景附件还修复了渐变，有没有办法单独修复图像？