CSS background repeat-x spacing

Question

謝謝你看我的問題！希望有人能幫助！ :)

基本上我試圖使用CSS3（因爲我懶惰，不能在Javascript中解決它！），以動態的按鈕上的背景完全像「立即購買門票」在該網站的主頁右側約800px的按鈕。 http://festivalofeducation2013.org.uk/

我90％確定你可以做到這一點，但如果我是傻的請說！

另外，如果你們中的任何人知道並且可以告訴我一個簡單的方法來使用Javascript/jQuery來做到這一點，那麼請隨意！無論如何，我需要這樣做！

再次提前致謝。

Answer 1

你的意思是這樣的嗎？

http://jsfiddle.net/coma/BzXSf/1/

CSS

a.fancy { 
    ... 
    background: #ccc url(http://colourlovers.com.s3.amazonaws.com/images/patterns/3591/3591132.png?1367352237) 0 0; 
    -webkit-transition: background-position 1s; 
    -moz-transition: background-position 1s; 
    -o-transition: background-position 1s; 
    -ms-transition: background-position 1s; 
    transition: background-position 1s; 
} 

a.fancy:hover { 
    background-position: 0 -100px; 
}