Вопрос по raphael, background-image, css, svg – Встроенный SVG не работает как фоновое изображение в IE

3

Я пытаюсь установитьbackground-image Свойство css для содержимого URI закодированных данных, как показанов этой скрипке

Он работает, как и ожидалось, для всех браузеров, которые я тестировал. Единственный браузер, который не показывает содержимое, это IE 9/10.

Но у меня естьдругой пример это работает в IE 9/10. Разница здесь в том, что содержимое URI данных изначально создается в Chrome (Рафаэлем), а затем используется в примере.

Если SVG создается в IE (как в 1-й скрипте Рафаэля), он не отображается, если используется какbackground-image данные.

Где проблема в IE? Связано ли это с моим кодом или что-то не так в картине Raphaël SVG?

возможный дубликатSVG фоновое изображение в IE9 Kyle
Как мой медиатип ужеimage/svg+xml и ни один веб-сервер не включен. Я не уверен, что на него уже может быть дана ссылка, указанная выше. pantarhei

Ваш Ответ

1   ответ
5

что наиболее совместимый с браузером способ сделать это (и единственный способ заставить IE отображать SVG в качестве фона CSS) - это кодировать base64 (a.k.a dataURI) SVG, как вы это делали в своей первой скрипке.

Я нашел обсуждение комментариев внизу этой статьи полезным

http://css-tricks.com/probably-dont-base64-svg

Похожие вопросы