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

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

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

当前回答

如果你只想指定x轴，你可以这样做:

background-position-x: right 100px;

其他回答

适用于所有真正的浏览器(以及IE9+):

background-position: right 10px top 10px;

我用它来RTL WordPress主题。看例子:临时网站或真正的网站将很快上线。看看大DIVs右下角的图标。

如果你只想指定x轴，你可以这样做:

background-position-x: right 100px;

图像工作与透明像素在右边作为右边缘。

图像的变通方法是创建一个PNG或GIF图像(支持透明度的图像文件格式)，在图像的右侧有一个透明的部分，恰好等于你想要给予右边距的像素数(例如:5px, 10px等)。

这在固定宽度和百分比宽度上都能很好地工作。实际上，这是一个很好的解决方案，手风琴头有一个加/减或向上/向下箭头图像在头的右边!

缺点:不幸的是，你不能使用JPG，除非容器的背景部分和CSS背景图像的背景颜色是相同的平面颜色(没有渐变/小插图)，主要是白色/黑色等。

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

<div style='overflow:hidden;'>

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

    </div>

</div>

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

background-position:95% 50%;

推荐文章