如何停止活動菜單項拖動整個數組的選擇

Question

我有一個菜單欄設計爲手機屏幕。

我想格式化它，這樣當你點擊一個圖像時，它會下降3個像素來表示它的選擇 - 但是我使用的代碼會丟棄整個圖像條。

下面是代碼：

#menubar { 
    position: absolute; 
    top: 15px; 
    left: 10px; 
    height: 30px; 
    padding: 5px; 
    margin: 0; 
} 
.touch_nav { 
    display: inline; 
    margin: 0; 
    min-width: 80px; 
    min-height: 80px; 
    color: #fff; 
} 
.touch_nav:active { 
    margin-top: 5px; 
} 
#navhome { 
    background: url('./img/mobile/homebutton.png') 
} 
#navabout { 
    background: url('./img/mobile/aboutbutton.png') 
} 
#navservices { 
    background: url('./img/mobile/servicesbutton.png') 
} 
#navdownload { 
    background: url('./img/mobile/downloadbutton.png') 
} 
#navenquiry { 
    background: url('./img/mobile/enquirybutton.png') 
} 

誰能告訴我，我做錯了什麼？

Answer 1

.touch_nav:active { 
    position:relative; 
    top: 5px; 
} 

此相對於其當前位置元件將定位，而不影響任何其它元件。