2016-05-08 4 views
4

Я создал логотип SVG для веб-сайта, который я сейчас пытаюсь анимировать, и он отлично работает на Firefox и Chrome, но по какой-то причине, когда я загружаю его в IE, он рассматривается как нормальное изображение и ничего не делает. Кроме того, в Edge происходит переход между цветом, но не тире анимации. Я сделал скрипку с необработанным кодом SVG: SVG animation Fiddle. На моей странице я просто поместить объект, а затем вставлять внешний .svg файл так:Анимация не работает над IE

<object> 
    <embed id="obj" src="LCF.svg"></embed> 
</object> 

Извините, если этот вопрос уже задавали, но я Googled много, прежде чем просить, и я не мог найти ничего, чтобы решить эту проблему , включая префикс -ms-pre, так как я использую IE 10 не 9

+0

IE не поддерживает анимацию CSS элементов SVG, нет решения, кроме обновления до Edge. Я думаю, что известная ошибка Edge в тире анимации тоже не работает. –

+0

Большое спасибо. Похоже, я ударился головой о проблему без решения. Еще одна вещь, знаете ли вы, что вы можете просто показать логотип, если зритель использует IE? Как и загрузка другого svg, но уже заполненного или чего-то –

+0

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

ответ

2

IE не будет поддерживать анимацию CSS на SVG. Он также не будет поддерживать анимацию SMIL, которая по умолчанию используется для SVG.

Alternatives-

  1. Если это логотип вы строите, вы можете преобразовать его в GIF (анимированные) и использовать GIF вместо SVG.

  2. Посмотрите на smil2css. Это утилита, которая преобразует SMIL в CSS и работает в любой версии Internet Explorer, которая поддерживает CSS

  3. Посмотрите на FakeSmile. Библиотека JavaScript, которая позволяет вам анимировать веб-контент

Смежные вопросы