相关疑难解决方法(0)

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

是否可以使用CSS sprite作为列表背景图像?通常,我用这样的CSS渲染我的精灵:

.sprite { background: url(sprite.png) no-repeat top left;}
.sprite-checkmark { background-position: 0 -24px; width: 24px; height: 23px; } 
.sprite-comment { background-position: 0 -48px; width: 14px; height: 14px; }

<div class="sprite sprite-checkmark"></div>
Run Code Online (Sandbox Code Playgroud)

是否可以将精灵用于<li>元素的子弹?有一些名为list-style-image和list-style-position的CSS属性,但我不知道如何在没有list-style-image-width和list-style-image-height等属性的情况下使其工作同样.

谢谢.

html css css-sprites

35
推荐指数
4
解决办法
6万
查看次数

标签 统计

css ×1

css-sprites ×1

html ×1