CSS - 改變背景圖像而不影響線性漸變？

我有一個div用於表示網站上的類別。該div被賦予與該類別的名稱相對應的類。CSS - 改變背景圖像而不影響線性漸變？

股利首先給出一個默認的背景，使用以下薩斯混入：

@mixin category-background($from, $to, $image) { 
    background: linear-gradient(top, $from, $to), url(#{$image}) no-repeat top center; 
    background-size: cover; 
}

然後我打電話是這樣的：

div.header { 
    @include category-background(transparentize(#fff, $header-transparentize), transparentize(#fff, $header-transparentize), 'default.jpg'); 
}

如果我有一個特定的背景，然後我打電話mixin再次與正確的圖像：

div.header.specfic-category { 
    @include category-background(transparentize(#fff, $header-transparentize), transparentize(#fff, $header-transparentize), 'specific-image.jpg'); 
}

我擔心，編譯時，這可能會p導致很多重複的CSS。無論如何只是替換背景圖像而不影響漸變？

任何意見讚賞。

謝謝

來源

2014-11-14 Dan