のbackground-position

Question

イム：

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

私は次のようにに多少管理している：

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

それが来るしかし、そのようなアウト：私がする必要がどのような

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

は、右側にいくつかのパディングを追加することですが、私は、私はこれを達成することができますどのように失われたとしています。

Answer 1

あなたはright98%にかそこらを変更することができます。 （rightが100%のためだけの短い手である）

http://jsfiddle.net/gsUBL/

EDIT：jsfiddleは（少なくともクロムで）それを表示すると、問題を持っている理由 は、私にはわかりません。実行をクリックすると動作します。

Answer 2

あなたは

Answer 3

が代わりにこれを使用して、あなたのCSSでmargin-right:10px;を使用することができます。あなたの問題を解決します。

background-position:10px 200px; 

See this exampleと遊ぶ:)

Answer 4

rightは、右側に完全にマークするほうが簡単な方法であるno-repeat right;の位置を変更したいと思っています。100%。 ピクセルで配置すると、コンピュータの表示解像度が異なる場合に、望ましくない水平スクロールバーが表示されたり、重なったりすることがあります。

Answer 5

複数の方法があります。入力ボックスが決して幅を変更しない場合は、「右」の代わりにCSSに正確なピクセル量を入力してくださいbackground: url(/images/loader.gif) no-repeat 200px;。私はちょうどあなたが何をやっているのか正確にはbackground: url(/images/loader.gif) no-repeat right;をして、代わりに入力ボックスにpadding-right: 20px;（またはあなたが必要とするもの）を追加することをお勧めします。