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

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