SVG не изменение размеров с помощью CSS в ie9

Question

Хорошо здесь идет:

Это мой веб-страница: http://ingenious.jit.su/themes

Если вы его просмотра в Firefox вы заметите, верхний правый угол каждой из шести белых функций панелей маленький красный значок (svg). Если вы просмотрите это изображение, вы заметите, что его оригинальный размер равен 640 на 480. Это мало, потому что существует правило css, изменяющее размер тега img, на который ссылается svg.

Вот ошибка: IE9 не изменяет размер значка в соответствии с правилом css. Это просто отсекает верхний левый бит. Если вы настроите правило css с помощью IE9 Developer Tools, вы увидите, что я имею в виду.

Я вырыл вокруг лотов и подтвердил, что соблюдал большинство лучших практик svg, например, включая значения ширины и высоты, которые не только на 100%, включая видовое окно, и так далее, но не повезло. IE9 по-прежнему реагирует на правило css путем отсечения вместо масштабирования.

Любая помощь будет качать!

Обновление Исправлено! Я тупой, мой видовой экран пропал. Больше нет кодирования в 3 часа ночи.

Answer 1

Вы связали svg? пример

<svg xmlns="http://www.w3.org/2000/svg" version="1.1"> enter svg here </svg>

У меня было много проблем с SVG IE9 в :)

Я получил эту ошибку при просмотре страницы, если это помогает

SCRIPT438: Объект не поддерживает свойство или метод 'addEventListener'
followbar.js, символ линии 3

вот лучший пример двух точек, которые я говорил abo ут в комментариях

<img class="theme-icon" id="/recruitment-and-retention" src="../images/recruitment-and-retention.svg"/>