CSS background-position комбинированные типы

Question

CSS3-настройка фона - мощный инструмент, но мне не хватает одной функции.Я могу установить background-position несколькими способами, но мне нужны некоторые их комбинации.Например, есть динамически изменяемый размер div, и мне нужно изображение, ориентированное по правому центру, которое находится в 15px от правой границы.Я не могу найти способ справиться с этим.Я мог бы использовать два исправления, ни одно из которых не является элегантным.
1. Я оставляю пустую область 15 пикселей на правой стороне рисунка.
2. Я использую это: background-position: 97% 50%
Но во втором случае, если размер div будет изменен, вычисленное правое поле будет неверным.Или я использую стандартное изображение вместо bg-image, но стараюсь избегать этого.
Итак, есть ли какое-нибудь решение?
Спасибо!

Answer 1

CSS3 расширяет background-position, чтобы учесть это.Например, вы можете сделать:

background-position: right 15px bottom 15px;

К сожалению, только Opera в настоящее время поддерживает это.

Однако, общая причина, по которой вы этого хотите, это то, что у вас есть отступ 15px.Если это так, вы можете просто:

background-origin: content-box;
background-position: right bottom;

, который поддерживается каждым браузером CSS3.