背景位置

我試着在文本框中使用的圖像，像這樣（##是圖像）：背景位置

--------------------- 
|     ## | 
---------------------

我已成功地用有所以下：

input.loading { 
    background: url(/images/loader.gif) no-repeat right; 
}

但是說到如下所示：

--------------------- 
|     ##| 
---------------------

我需要做的是在右側添加一些填充，但我失去了如何完成此操作。

來源

2011-12-09 Meisam Mulla

你可以在你的css –

您可以更改right到98%左右。（right只是短手100%）

http://jsfiddle.net/gsUBL/

編輯：我不知道爲什麼的jsfiddle是具有（至少在鉻）顯示的一個問題。點擊運行顯示它正在工作。

來源

2011-12-09 02:36:33

，你可以在你的CSS

來源

2011-12-09 02:31:35

用途使用margin-right:10px;這個代替。它會解決你的問題。

background-position:10px 200px;

See this example和玩:)

來源

2011-12-09 02:32:58

中使用'margin-right：10px;'請不要鏈接到w3schools :) [他們有一些問題]（http://w3fools.com），並且不建議將它們用作資源。嘗試MDN或其他有信譽的網站。 –

@約瑟夫嗯，我會記住這一點。不過，這次我不會刪除鏈接，因爲他們提供的示例在這種情況下很有用。 –

我會將no-repeat right;的定位更改爲您想要的百分比，因爲right只是一種更容易完整標記到右側的方法或100%。按像素定位可能會導致不需要的水平滾動條，甚至在計算機具有不同的顯示分辨率時會重疊。

來源

2011-12-09 03:21:56 SemicolonExpected

有多種方法。如果輸入框永遠不會改變寬度，那麼把你想要的精確像素量放在CSS中而不是「正確」background: url(/images/loader.gif) no-repeat 200px;。我建議寧願做你正在做的事情background: url(/images/loader.gif) no-repeat right;，而是加入padding-right: 20px;（或無論你需要多少）到輸入框。

來源

2011-12-09 03:41:17

回答

相關問題