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

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

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

当前回答

对大家都好

background: url('../images/bg-menu-dropdown-top.png') left 20px top no-repeat !important;

其他回答

如果你碰巧在现代浏览器中碰到这个话题，你可以使用伪类:after来做任何与后台相关的事情。

.container:after{
    content:"";
    position:absolute;
    right:20px;
    background:url(http://lorempixel.com/400/200) no-repeat right bottom;
}

这个CSS会把背景放在“”的右下角。元素的右侧有20px的空间。

看看这个小提琴，例如http://jsfiddle.net/h6K9z/226/

background-position: right 30px center;

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

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

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

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

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

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

background-position:95% 50%;

你可以在CSS3中这样做:

background-position: right 20px bottom 20px;

它适用于Firefox, Chrome, IE9+

来源:中数

推荐文章