按動按鈕提交按鈕的動畫背景？

-1

我有以下的html：

<input id="save" val="save" />

和css：

#save { background: #ccc; } 

.saving { background: #ccc url(/img/savingstripes.png) repeat; }

和jQuery：

$('#save').click(function(e) { 

    e.preventDefault(); 

    $(this).addClass('saving').animate({backgroundPosition: '100px 0px'}); 

})

當我按下這個按鈕，我得到的是類「保存'添加到按鈕，但沒有動畫。

我在這裏遺漏了什麼？（注意：我有backgroundPosition plugin）

來源

2011-08-18 willdanceforfun

@joseph：當然你不應該在問題中糾正他的代碼。 – tw16

@ tw16不明白爲什麼不。他說，它增加了儲蓄班，顯然這些錯別字不是問題 –

是的，抱歉，這是一個錯字，因爲我剛剛重新輸入了上述縮短的相關代碼。 – willdanceforfun

我看到發生了什麼......這是您的background: #ccc;聲明。出於某種原因，它需要是background-color: #ccc;，並且不會以其他方式工作。 See here。

來源

2011-08-19 00:02:35

很奇怪。爲此非常感謝！ – willdanceforfun

不客氣:)很高興能夠提供幫助。 –

「ID」#savin中的CSS將覆蓋「Class」.savin中的CSS，因此沒有背景圖片。因此，如果您要在兩者中設置不同的背景顏色，您將看到Class顏色永遠不會透出。你可以在這裏看到，我刪除/打破了圖像的鏈接。 http://jsfiddle.net/rk6kj/3/所以，簡而言之，在id中設置「背景」可以在課堂中使用任何子類別的屬性「background-」。 – Tumharyyaaden

#save { background: #ccc; }

這個CSS是覆蓋你的背景圖片

使用

#save { background-color: #ccc; }

來源

2011-08-19 00:03:14 avetarman

就是這樣......現在我記得。 id樣式優先於類樣式。他們不應該像他們應該的那樣級聯。 –

您還可以通過包括輸入的ID添加一些體重您.saving CSS類：

#save.saving { background: #ccc url(/img/savingstripes.png) repeat; }

http://jsfiddle.net/s5Q5N/

來源

2011-08-19 00:06:08 RoccoC5

按動按鈕提交按鈕的動畫背景？

回答

相關問題