使用：無內容和寬度限制

Question

後，這是我的代碼：

<ul> 
    <li><a href="#">link</a></li> 
    <li><a href="#">link 2</a></li> 
</ul> 

菜單是垂直和ul具有特定的寬度。

我想要做的是，接下來的事情：

------ ul width 300px ------ 
[link][image repeat........] 
[link 2][image repeat .....] 

• 圖像0​​通過ul寬度和repeat-y通過文字高度

我嘗試使用a:after，但你如果沒有文字/圖片內容，就不能使用它c寬度。我的圖像只有3px的寬度，所以它顯示它一次，它。我能做些什麼來顯示圖像，直到ul寬度結束（當然使用a:after）？

Answer 1

可用性方面，固定寬度的鏈接列表（在右側重複填充圖案）應該可以點擊該訂單項的整個寬度，包括圖案填充。但是，由於您在使用:after時似乎非常強硬，這個Fiddle怎麼樣？

您必須在content屬性中添加一個字符，以便有某個地方有背景。不幸的是，由於某種原因，我無法使content: '\0020';（編碼空間）工作，所以我使用了非常良性的東西，然後用rgba(0,0,0,0)將顏色設置爲透明。並非所有瀏覽器都支持rgba，但有資源可以解決這個問題。如果您不使用該路線，則可能只需將管道（|）字符（因爲與圖案圖像的左邊緣對齊）設置爲圖案的主要顏色。就我而言，我可以將它設置爲圖像中發現的深灰色。

無論如何，這應該足以解決您的問題。如果不是，請告訴我。

Answer 2

content: "\00a0";迫使你的CSS樣式的:after外觀:-)