背景圖片放置

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/