按鈕上的線性漸變和背景圖像

Question

嘿，我有一個愚蠢的問題。

我試圖創建一個按鈕，其中包括一個.svg背景和它後面的漸變。

這一切都很好，但當我添加background-size來控制按鈕內部圖像的大小時，漸變開始在一個模式中重複自己。像這樣：

http://jsfiddle.net/umbriel/g31nprgz/

有沒有一種方法，使梯度跨越整個高度不重複，並能夠控制按鈕內部的圖像尺寸是多少？

謝謝

Answer 1

您可以在逗號分隔的列表中添加多個背景大小，就像背景圖片。

所以，你的解決方法是這樣的：

background-size: 50px, contain; 

Example Fiddle

每個序號對應的背景圖像的同一位置，所以在background-size列表中的第一項適用於第一在列表中的項目background-image

Answer 2

background-size需要倍數值太 - 所以只需設置您的第二個背景圖片（梯度），再次100％，

background-size:50px, 100%; 

http://jsfiddle.net/g31nprgz/2/