做一個形象的CSS菜單欄的開關位置

Question

所以在這裏我試圖設置一些圖片是我的菜單欄（在頭），樣本圖像：

的想法在頁面加載時，僅顯示圖像的上側，但是當圖像處於鼠標懸停狀態時，圖像將僅切換到底側。這怎麼可能？ 這裏就是我試圖做的，但它不工作：

.from 
{ 
width: 100%; 
list-style: none; 
height: 63px; 
} 
.from:active, .from:hover 
{ 
background-position: 0px -63px; 
} 
.from:current 
{ 
background-position: 0px 0px -63px; 
} 

任何想法如何正確地做到這一點？請注意，我更喜歡它在div標籤而不是ul標籤。哦，脫離主題，我也考慮在twitter引導程序上實現它，任何關於這樣做的好建議？

Answer 1

.from .from-1 a.current 
{ 
background-position: 0px 0px ; 
} 

在px中有兩個參數的背景位置。