IE11でanimationが動かない

Question

以下のコードをIE11で見てみたのですが、animationが動きません。（クロームなどではうごきました。）cssの記述位置を変えたりしてみたのですが効果はありませんでした。どなたか似たような経験があるかたいましたらお知恵を貸していただきたいです。

<div class="title-anime">
    <img src="" >
</div>

.title-anime{
   animation: title-fadein 2s ease 0s 1 normal;
  -webkit-animation: title-fadein 2s ease 0s 1 normal;
}

@keyframes title-fadein {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }
@-webkit-keyframes title-fadein {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

Comments

[miyabi_pudding]

当方の環境では、IE11でも問題なくアニメーションされました。
もしかしたら、他の部分に原因があるかもしれないので、
HTMLの全体、CSSの全体、JSの記述があるなら、それも含めて記載ください。
また、開発者ツールにて、ドキュメントモードIE9で起動してたりしてないかも併せてご確認ください。

[kenreta]

「@media」の中で「@keyframes」を記述している場合、IE11では動かない可能性があります。確認してみてください。

[yoshinavi]

私の環境でもie11でも問題なく表示されます。
ベンダープレフィックスを後ではなく前（上）ではどうですか？
念のため「-ms-」追加ではどうですか？

-追記-
「kenreta」さんのコメントにあるように、「@media」の中では、私の環境でも動かなかったですね。
この可能性が高い気がします。

[Lingmu]

みなさま
ありがとうございます。どうやら私のIE11自体に問題があったようで（なぜか表示がとてつもなく長くかかったりカクカクする）他のもののPCだと問題なかったです。私自身のIEも再起動後に見たところ問題ありませんでした。
お騒がせいたしました。
ご丁寧なアドバイスありがとうございます。

Answer 1

みなさま
ありがとうございます。どうやら私のIE11自体に問題があったようで（なぜか表示がとてつもなく長くかかったりカクカクする）他のもののPCだと問題なかったです。私自身のIEも再起動後に見たところ問題ありませんでした。
お騒がせいたしました。
ご丁寧なアドバイスありがとうございます。

Comments

[yoshinavi]

コメントが入れ違いになってしまいました。スミマセン。
また、解決に至った経緯を、コメントではなく、回答に追記されたほうが、目につくので良いかと思います。

解決されて何よりです。
(^^)

[退会済みユーザー]

コメントとはどこのコメントを指すのか認識しづらいものなので解決時は転記をすすめる

[yoshinavi]

asahina1979　様

私が先に「コメント」と書いたばかりに、質問者さんにまで波及し、分かりにくくしてしまいスミマセン。

[Lingmu]

yoshinavi　様
asahina1979　様
回答の所に編集して転記いたしました。ご指摘ありがとうございます。