背景位置右上角與特定圖像座標

Question

我有一個下拉列表，其中父節點的標題左側會有一個圖標。此圖標位於有十二個其他圖標的圖標圖像中。我嘗試使用的圖標位於此圖像中的像素座標（0px，100px）處。

我想知道如何定位圖像的一部分，位於（0px，100px）在我的ul.list > li元素的右上角？

ul.list > li { background: url('images/icons.png') top right 0px 100px no-repeat; } //does not work

<ul class="list"> 
    <li>Title 
    <ul> 
     <li>Subs</li> 
     </li>Subs</li> 
    </ul> 
    </li> 
    <li>Fruits 
    <ul> 
     <li>Apples</li> 
     <li>Bananas</li> 
    </ul> 
    </li> 
</ul> 

Answer 1

注意：您編輯您的問題，只是刪除top right

給你li的高度和寬度，並定義top right這樣

ul.list > li { background: url('images/icons.png') 0 100px no-repeat; }