在 CSS(2) 上是否可以在背景位置上说 right-5？ [复制]

Question

可能重复：
Offset a background image from the right using CSS

CSS 通常是：

background-position:right top; 

但是如果我想说诸如 right-5px 之类的话？可能吗？ 元素中的类似位置：

right:-5px;

有人知道吗？

编辑

也许不清楚！我的意思是：

background-position:right-5px top; 

Answer 1

http://www.w3.org/TR/CSS21/colors.html#propdef-background-position

从 CSS2.1 规范开始，只有在知道容器尺寸的情况下才能执行此操作。

假设容器为 300px。你可以说：

background-position:305px 或使用百分比。

但是，

http://www.w3.org/TR/css3-background/#the-background-position

从 css3 规范开始，您可以定义所有不同角的偏移量。

所以background-position: top 0 right -5px; 会给出你想要的结果。

除了IE，Support都不错。

Answer 2

CSS2 是不可能的，但你可以做一个小把戏。像这样写：

div{
    background:red;
    width:200px;
    height:200px;
    position:relative;
    overflow:hidden;
}
div:after{
    content:'';
    position:absolute;
    width:200px;
    height:200px;
    top:0;
    right:-5px;
    background:url('http://www.dummyimage.com/600x400/000/fff');
}

查看http://jsfiddle.net/s9L2T/