Текущая рекомендация CSS3 (точнее эта версия-кандидат) дает новые возможности для позиционирования фоновых изображений, которые могут оказаться очень полезными при работе со спрайтами CSS.
Меня особенно интересует возможность расположить фон снизу, а также добавить смещение (от нижней части изображения), так что это:
#container {
background-image:url(sprite.png);
background-position:bottom -100px left 0;
}
возьмет мое изображение sprite.png
, прикрепит его к нижней части элемента #container
, а затем перетащите его вниз на 100 пикселей, чтобы нижние 100 пикселей этого изображения не отображались. тогда изображение будет заполняться снизу до высоты #container
.
Это отлично работает в Chrome (версия 29.0.1547.76 m), Firefox (24.0) и IE10. Но я не могу проверить на IE9. Поддерживает ли IE9 этот новый синтаксис?
У меня есть старая машина с Windows XP, на которой я могу протестировать IE8, и она определенно не работает.
Изменить
У меня была возможность провести несколько тестов, и я могу подтвердить, что он работает в IE9 (проверено в 32-разрядной версии Win7 Pro).