Как правильно использовать файл SVG для использования в качестве фонового изображения в IE9? - PullRequest
5 голосов
/ 02 мая 2011

Я пытаюсь использовать SVG-фон, чтобы заменить CSS3-градиент в IE9 (который не поддерживает CSS3-градиент). Я проверил это локально, и он работает как сон .Однако, когда я загружаю эти изменения на действующий сайт, это не работает.Я проверил, что файл SVG установлен на сервере в его неповрежденном виде.

Вот файл: http://www.shmax.com/css/record-box-gradient.svg

А вот простая тестовая страница, где он используется в качестве фонаdiv: http://www.shmax.com/gradient.html?DBGSESSID=-1

Просмотрите страницу в Chrome и IE9, и вы заметите, что она появляется в Chrome, но не в IE9.Как ни странно, он работает в IE9, когда я просматриваю его на своем локальном тестовом компьютере.

Одна вещь, которую я заметил, это то, что когда я просматриваю заголовки для этого ресурса в Fiddler, он говорит: «Транспорт - соединение: закрыть».Это что-нибудь значит?Это то, что мне нужно исправить в моем .htaccess?

Спасибо за помощь, ребята.

1 Ответ

1 голос
/ 03 мая 2011

Ваша простая тестовая страница работает для меня в IE9;Я вижу градиент на заднем плане div.

Попробуйте это:

  1. Нажмите F12, чтобы открыть Инструменты разработчика
  2. Что такое «Документ»Режим "в" строке меню "из инструментов?Если вы установите его в "Стандарты IE9", вы видите градиент?

    IE9 Developer Tools

  3. Нажмите на вкладку Сеть для инструментов разработчика, нажмите "Начать захват », перезагрузите тестовую страницу и нажмите« Остановить захват ».Вы видите запрос на /css/record-box-gradient.svg в URL?Это либо статус 200, либо 304?

    IE9 Developer Tools Network tab

...