使用剪輯屬性的帶圖像項目符號的HTML列表

Question

是否可以使用剪輯屬性創建帶圖像項目符號的HTML列表？我一直試圖讓它工作，但我似乎無法做到。

我希望得到一些幫助。

這是我最初的HTML代碼：

<div class="my-clip-list"> 
<ul> 
    <li class="one">One</li> 
    <li class="two">Two</li> 
    <li class="three">Three</li> 
</ul> 
</div> 

，就連最初的CSS：

.my-clip-list {position: relative;} 
.my-clip-list ul {position: absolute;} 
.my-clip-list ul li {line-height: 24px; content:url([url_of_sprite]);} 
.my-clip-list ul li.one {clip: rect(top right bottom left)} 
.my-clip-list ul li.two {clip: rect(top right bottom left)} 
.my-clip-list ul li.three {clip: rect(top right bottom left)} 

我這樣做，但它似乎並不奏效。請注意，我已經把剪輯屬性的通用信息，在我的實際CSS我有真正的像素值。這只是爲了說明我在做什麼。

如果可以，請協助。

謝謝。

Answer 1

難道是因爲李項目本身沒有定位「絕對」，只是UL？只需從文檔/參考文獻中猜測。