列表項的背景錨鏈接

Question

我的工作是：Menu List

我所試圖做的是與自己檢查，如果我的做法是正確的方式。該網站在Wordpress上運行。

所以理想情況下，我想擺脫文字「我們的服務，關於我們」等。但我也想讓圖形成爲一個可點擊的錨鏈接。

有沒有人有任何想法來解決這個問題？

在此先感謝。

Answer 1

給圖像內anchor。像這樣寫：

.menu-header ul li a{ 
    display:block; 
    padding: 70px 55px; 
    text-indent:-9999px; 
} 

#access .menu-header ul li#menu-item-26 a{ 
    background: url(http://i41.tinypic.com/345h0cw.png) no-repeat;  
} 

#access .menu-header ul li#menu-item-24 a{ 
    background: url(http://i43.tinypic.com/15cikhs.jpg) no-repeat; 
} 

#access .menu-header ul li#menu-item-23 a{ 
    background: url(http://i39.tinypic.com/dca82q.png) no-repeat; 
} 

入住這http://jsfiddle.net/FN6f5/2/

Answer 2

我會去除活動鏈接文本做到這一點。不過，我會建議使每個按鈕圖像的高度相同，以便您可以以很好的方式水平對齊它們。寬度可以改變，但只是相應地調整CSS。

http://jsfiddle.net/FN6f5/3/