CSS - Позиционирование фонового изображения

Question

Возможно ли использовать CSS background-position: для позиционирования изображения в крайнем правом углу элемента, но затем за вычетом нескольких пикселей, чтобы оно не было прямо напротив края?Без необходимости добавлять немного отступа к самому изображению?

Спасибо

Answer 1

Допустим, ваш div имеет ширину 1000px, и вы хотите, чтобы он был 5px справа. Код будет

background: url('image.jpg') no-repeat 995px 50%;

Редактировать:

Как указано в кодеВыше не учитывается размер изображения.

Допустим, ваш div имеет ширину 1000px, а изображение шириной 100px, и вы хотите, чтобы оно было 5px справа, код был бы

background: url('image.jpg') no-repeat 895px 50%;

Ваше позиционирование Div Size - Image Size - desired spacing from right edge.

Answer 2

Есть какой-то хакерский способ.Просто используйте положение фона в крайнем правом углу:

background-position: right center;

и объедините его с:

box-sizing: border-box; border-right: 5px solid transparent;

для 5px отступ справа.