1. 首頁
  2. 問答
  3. 在ul列表中使用精靈圖像？

在ul列表中使用精靈圖像？

2012-05-09 38 views
0

我試圖改變我的UL LI列表使用它與背景圖像&精靈，但我有背景重複這個問題，我失蹤了？在ul列表中使用精靈圖像？

http://jsfiddle.net/R7MU4/

來源

2012-05-09 tyl3r

+0

這是什麼問題？獲得一個好的答案從詢問[一個好問題]開始（http://msmvps.com/blogs/jon_skeet/archive/2010/08/29/writing-the-perfect-question.aspx）。 – PeeHaa

+0

背景精靈在所有ul列表上重複，如示例中所示 – tyl3r

+0

精靈不重複，只顯示更多精靈，因爲列表項的高度大於其中一個精靈圖像。 –

回答

1

因爲你的精靈垂直平鋪，你需要使用，將有等於每個精靈圖像的高度的元素。

一種選擇是使用另一個元素，如跨度，並將背景應用於該元素。 http://jsfiddle.net/mestekweb/R7MU4/2/

您也可以將樣式應用於鏈接元素。 http://jsfiddle.net/mestekweb/R7MU4/3/

在這兩種情況下，您都必須調整列表和/或要補償的鏈接的邊距和填充。

來源

2012-05-09 16:37:37

+0

謝謝你，鏈接元素似乎是最好的解決方案 – tyl3r

+0

我也這麼認爲。較少的標記。 :-) –

相關問題

 相關問題