背景位置

我试着在文本框中使用的图像，像这样（##是图像）：背景位置

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

我已成功地用有所以下：

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

回答

相关问题