带有CSS背景的样式<li>元素,仅显示部分图像

Question

任何人都可以帮我列表.

我有一张图片:

现在我需要构建列表,默认公牛用左侧箭头替换(但不是整个图像):

我如何使用跨浏览器css实现它？

我的HTML标记是:

<ul>
    <li><a href="#">Conveniently located on Adelaide St. W, one block east of the Bathurst   and Adelaide intersection, just north of the Gardiner Expressway, downtown Toronto.</a></li>
    <li>All units are located indoors, which means they are all climate controlled.</li>
    <li>There is an indoor loading dock with four bays, two of which are large enough to accommodate up to 50' trailers.</li>
    <li>Complimentary use of on-site dollies and pallet truck.</li>
</ul>

Answer 1

有关使用带有列表样式背景的Sprite图像,请参阅此问题:

使用CSS sprite作为列表(<li>)背景图像