css - 在 CSS(2) 上是否可以在背景位置上说 right-5？

Question

可能重复：
使用 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，支持都很好。

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/