Текущая рекомендация CSS3 (точнее this candidate version) дает новые возможности для позиционирования фоновых изображений, что может оказаться очень полезным при работе с CSS-спрайтами.Поддерживает ли IE9 новый четырехзначный синтаксис фоновой позиции CSS3?
Я особенно заинтересован в возможности нижней позиции фона, а также добавление смещения (от нижней части изображения), так что:
#container {
background-image:url(sprite.png);
background-position:bottom -100px left 0;
}
бы мое sprite.png изображения, вставьте его в нижней части моего #container элемента, а затем перетащите его на 100 px, чтобы нижние 100 пикселей этого изображения не отображались. изображение затем будет заполняться снизу так высоко, как #container.
Это прекрасно работает в Chrome (версия 29.0.1547.76 m), Firefox (24.0) и IE10. Но я не могу тестировать IE9. Поддерживает ли IE9 этот новый синтаксис?
У меня есть старая машина Windows XP, на которой я могу протестировать в IE8, и это определенно не работает.
Редактировать
Я имел возможность сделать несколько тестов, и я могу подтвердить, что он работает в IE9 (проверено на Win7 Pro 32bit)
Я думаю, что это «официальный» URL для рекомендации: http://www.w3.org/TR/css3-background/#the-background-position –
@ PaulD.Waite вы указываете на «текущая» версия. На всякий случай, если он резко изменится (что, скорее всего, не будет), я хотел бы указать точную версию, описывающую поведение, которое я принимаю (потому что это нужно архивировать на вечность;)). –
Ах да, я вижу. Да, поскольку это Рекомендация, я не думаю, что это изменится - если я правильно понимаю, это в значительной степени окончательное состояние стандартов W3C. Всегда хорошо для будущего, хотя, молодец :) –