Question

我有一个span标签，我正在添加背景图片。我知道有很多方法可以做到这一点，但想知道是否有办法让背景图像是一个小的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/

或

按百分比属性

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

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

背景图片放置

2 个答案: