背景位置右上角有特定的Img Coords

Question

我有一个下拉列表，其中父节点将在标题的左侧有一个图标。此图标位于图标图像中，其中有十几个其他图标。我试图使用的图标位于此图像中的像素坐标（0px，100px）处。

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

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; }