如何更改 css 精灵图像的位置？

Question

我想将图片位置更改为文本的右侧

padding: 0px 40px 0px 24px;
font: 14px arial,tahoma;
background: url(http://i1.someimage.com/pF0qaUw.jpg) no-repeat;
overflow: hidden;
background-position: -28px -34px ;
width: 16px;
height: 16px;

<div>text</div>

Answer 1

这样使用

<div>Text &nbsp; <span class="sprite icon"></span></div>

并放在正文右侧

并像这样使用它

.sprite{background: url("sprite.png") no-repeat;display: inline-block;}
.icon{width: 50px;height: 50px;background-position: -50px -50px;}

如何更改 css 精灵图像的位置？

How to change a position of css sprite image?

html

css

css-sprites