html - 容器高度和宽度不变的标记图像

Question

我有一个菜单列表:

<ul>
  <li class="marked">First item</li>
  <li>Second much longer than first item</li>
</ul>

我想在 item.marked 顶部有一个图像标记，width 将是文本宽度的 100%。图像必须拉伸(stretch)才能完全可见。 高度 是常量。

这可以通过 CSS 和 IE 兼容性来完成吗？

Answer 1

 <style type="text/css">
    .selected {
       background:url("example.png") no-repeat 0 100%;
    }
 </style>