CSS自定义精灵

时间:2013-01-23 12:53:47

标签: css background-image sprite

我有一个精灵(110像素高x 50像素宽)图像(50像素x 50像素),它们之间有10像素。

<li>有填充和边距,宽度不是静态,高度是80px。

我想将图像50x50(从61px到110px(h)和0到50(w))放在<li>中作为背景放在左边(水平)中间(垂直)不改变宽度/高度<li>

很多文章都被我读过了......我找不到正常的解决方案。请帮忙。

1 个答案:

答案 0 :(得分:0)

您可以在CSS中设置背景位置。背景位置也会接受负数。设置li的大小并将其显示为块元素,然后使用背景位置:https://developer.mozilla.org/en/docs/CSS/background-position