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

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

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

当前回答

试试这个:

#myelement {
  background-position: 100% 50%;
  margin-right: 5px;
}

注意上面的代码会将整个元素(不仅仅是背景图像)向右移动5px。这对你的案子来说可能没问题。

其他回答

试试这个:

#myelement {
  background-position: 100% 50%;
  margin-right: 5px;
}

注意上面的代码会将整个元素(不仅仅是背景图像)向右移动5px。这对你的案子来说可能没问题。

有一种方法，但不是每个浏览器都支持(见这里的覆盖)

element {
  background-position : calc(100% - 10px) 0;
}

它适用于所有现代浏览器，但IE9可能会崩溃。也没有覆盖=< IE8。

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

background-position:95% 50%;

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

background-position: right 10px top 10px;

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

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

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

推荐文章