背景图像放置

Question

我有一个跨度标签，我正在向其中添加背景图像。我知道有很多方法可以做到这一点，但想知道是否有一种方法可以使背景图像（一个小的 pdf 图标）移动到文本的右侧而不是左侧。

<span class='pdf'><a href="#">download pdf link</a></span>

 .pdf{
  background: url(img/sprite.png) no-repeat left bottom;
  display:inline-block;
  padding-top:10px;
  padding-left:26px;

精灵图像中还有一些精灵，这个精灵被设置为位于底部。

Answer 1

将 left 更改为 right 怎么样？

background: url(img/sprite.png) no-repeat right bottom;
padding-right:26px;

Answer 2

有两种方法可以定位背景图像。

按左/右属性

  For example:
  background: url(img/sprite.png) no-repeat right bottom;
  // "right" instead of "left"

查看演示： http://jsfiddle.net/rathoreahsan/sDajV/5/< /a>

或

按百分比属性

  For example:
  background: url(img/sprite.png) no-repeat 188% 93%;

请参阅演示：http://jsfiddle.net/rathoreahsan/sDajV/4/