html - 具有特定图像坐标的背景位置右上角

Question

我有一个下拉列表，其中父节点的标题左侧有一个图标。这个图标位于一个图标图像中，那里有十几个其他图标。我尝试使用的图标位于此图像中的像素坐标 (0px, 100px)。

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

ul.list > li { background: url('images/icons.png')
右上角 0px 100px 不重复； }//不起作用

<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

注意:您编辑了问题，只需删除右上角

给你的 li 高度和宽度，然后像这样定义 top right

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