滑動門CSS菜單的問題...

Question

所以我試圖做一個推拉門CSS菜單 - 基本上是一個圖像，當你移動它的背景位置時，或者它是活動的。

然而，通常當我移動到使用下一個環節：

#xmenu li.ypart {width:80px; height:35px;} 
#xmenu li.ypart a {background-position:-33px 0px; } 

它從最後一個環節到我指定的任何寬度。請參閱下圖中的地圖圖標？我正在嘗試將其鏈接，以便鏈接不會從「發送反饋」鏈接一直到地圖按鈕。我只是想讓鏈接成爲那個方塊。

那麼有什麼想法？

Answer 1

如果我理解正確，您應該使鏈接（<a>元素）爲一個塊元素，併爲其指定一個特定的寬度和高度（也可能是相對/絕對定位，具體取決於您的佈局設置）。這樣，鏈接的命中區域將侷限於這些維度。

像這樣的標記：

... 
<a href="/map">Map</a> 
... 

而且像這樣的CSS：

#xmenu li.ypart a { display: block; width: 40px; height: 35px; }