CSS 3 background-size не работает на IE9

Question

background-image:url(yellow.jpg); background-size:180px 180px; background-repeat:no-repeat;

Вышеупомянутый CSS отлично работает на Chrome, но ie9 не может масштабировать изображения + отображать изображения правильно

Answer 1

Вы уверены, что ваш IE работает в режиме IE9?Ваш код работает с любым изображением, которое я пробовал.

(F12, чтобы открыть окно разработчика)

Answer 2

IE откроет страницу без тега doctype в режиме причуд, в котором размер фона ничего не делает.Чтобы заставить IE открывать страницу в режиме IE9, добавьтев верхней части каждого HTML-документа.

Answer 3

Я думаю, что проблема заключается в масштабировании изображения до нужного размера.Вы пробовали это?

background:url(yellow.jpg) 0 0 / 180px 180px no-repeat fixed;

В основном, что это делает:

background: background-image background-position (вверху) background-position (слева) / background-size (height)background-size (width) background-repeat background-attachment;

Это должно работать с IE9 (и всеми другими современными браузерами) ...