定位CSS背景图像x像素从右边?

我认为答案是否定的，但是你可以用CSS定位一个背景图像，这样它就离右边有一个固定数量的像素?

如果我设置x和y的背景位置值，似乎它们只分别从左边和上面给出固定的像素调整。

当前回答

求负值的解。调整右填充来移动图像。

<div style='overflow:hidden;'>

    <div style='width:100% background:url(images.jpg) top right; padding-right:50px;'>

    </div>

</div>

其他回答

这在Chrome 27中工作，我不知道它是否有效，也不知道其他浏览器能做什么。我对此感到很惊讶。

background: url(../img/icon_file_upload.png) top+3px right+10px no-repeat;

如果容器有固定高度: 微调百分比(背景位置)，直到它正确匹配。

如果容器有一个动态高度: 如果你想在你的背景和容器之间填充(比如当自定义样式输入时，选择)，将你的填充添加到你的图像，并将背景位置设置为右侧或底部。

当我试图让一个选择框的背景适合我选择的右边5像素时，我偶然发现了这个问题。在我的例子中，我的背景是一个箭头，它将取代基本的下拉图标。在我的例子中，背景的填充将始终保持不变(右边5-10个像素)，所以对实际的背景图像进行修改是很容易的(使右侧的尺寸宽5-10个像素)。

希望这能有所帮助!

您可以在编辑器中将背景图像定位为距离右侧x像素。

background: url(images_url) no-repeat right top;

背景图像将位于右上方，但将显示为距离右侧x个像素。

这个问题已经被问到很久了，但我刚刚遇到了这个问题，我是这样做的:

background-position:95% 50%;

background-position: right 30px center;

它适用于大多数浏览器。完整列表见:http://caniuse.com/#feat=css-background-offsets。

更多信息:http://www.w3.org/TR/css3-background/#the-background-position

推荐文章