圖像雪碧 - 表單提交按鈕

Question

我可以使用圖像精靈爲我的表單提交按鈕，嘗試了幾件事情，但似乎沒有任何工作。

.button, .download, .OK, .file{ 
background: url(app/sprites.png) no-repeat; 
} 


.button{ 
background-position: -1px -212px ; 
width: 170px; 
height: 30px; 
} 

我的形式

<form action="add.php" method="post" value="Username"> 
<div style="float:left; margin-left:15px;"><input type="text" name="fbid" required></div> 
<div style="float:left; margin-left:2px;"><input type="submit" value="Submit"></form> 

Answer 1

現在你錯過了一個輸入類。

<input type="submit" class="button" value="Submit"> 

這樣就行了。

我把它放入一個jsFiddle，使用不同的圖像，因爲我沒有訪問你的。你可以玩這個位置，大小爲32px。

jsfiddle.net/CzWCv

Answer 2

你試過

<div class="button" style="float:left; margin-left:2px;"><input type="submit" 
value="Submit"></form> 

？