Возможно ли на CSS (2) сказать правку-5 на фоне?

Question

Можно создать дубликат:
Offset a background image from the right using CSS

CSS обычно:

background-position:right top; 

, но если я хотел бы сказать нечто вроде правой 5px? Является ли это возможным? Подобное положение в элементе:

right:-5px; 

Кто-нибудь знает?

EDIT

Может быть, это неясно! Я имею в виду нечто вроде:

background-position:right-5px top; 

Answer 1

Это невозможно с 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/

Answer 2

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 - неплохо.