Возможно ли использовать CSS background-position:, чтобы позиционировать изображение в крайнем правом углу элемента, но затем минус несколько пикселей, чтобы оно не соответствовало краю? Без необходимости добавлять немного отступов к самому самому изображению?CSS - Позиционирование фонового изображения
Благодаря
Допустим, ваш DIV является 1000px в ширину и вы хотите его 5px с правой стороны код будет
background: url('image.jpg') no-repeat 995px 50%;
Edit:
Как указывает приведенный выше код делает не подходят для размера изображения.
Допустим, ваш DIV является 1000px в ширину и ваше изображение 100px в ширину и вы хотите его 5px с правой стороны код будет
background: url('image.jpg') no-repeat 895px 50%;
Ваше позиционирование Div Size - Image Size - desired spacing from right edge.
Да, я полагаю, это один из способов сделать это, спасибо! Было бы неплохо, если бы это можно было сделать относительно с правой стороны, поэтому его можно применять к элементам различной ширины. – Probocop
Существует несколько Hacky способом. Просто используйте положение фона в крайнее правое положение:
background-position: right center;
и объединить его с:
box-sizing: border-box; border-right: 5px solid transparent;
для 5px отступы справа.
Возможный дубликат [Как помещать фоновое изображение на абсолютное расстояние справа от его контейнера?] (Http://stackoverflow.com/questions/3319514/how-can-i-position-a-background -image-an-absolute-distance-from-the-right-of-its) –