SDKのスクリプトはIE11以上ではフォールバックコードが影響しないように無事修正されました。回避策をとる必要ももうありませんので、一時的に適用されていた方は削除するなりしてください。4からドキュメントのスタイルシートを作成するdocument.createStyleSheet()という関数を独自に実装しました。R2向けにも提供)より削除されています。この関数が削除されたことによって、Facebookなどのいいねボタンのフォールバックコードが偶発的に以降のCSS3のキーフレームアニメーション(@keyframes)や@-ms-viewportを無効にしてしまう不具合を起こす事例があることが判明しました。Halikka(harriha)さんで、その問題の回避策も提示して頂いております。この問題が起こるのか、どのようにして回避できるのかについて、本文書にて筆者が理解できている範囲で解説いたします。解釈に間違いがあるなどございましたらご指導・ご鞭撻頂けましたら幸いです。一人でも多くのWeb制作者の皆様のお役にたてれば幸いです。document.createStyleSheet()の使用ケースについて当時のIE専用の関数であるdocument.createStyleSheet()なんて、そもそも誰も使わないよ!と思われるかもしれませんが、2014年2月18日現在のFacebookのいいねボタンなどをはじめとしたソーシャルプラグイン、またはJavaScriptライブラリ、JavaScriptフレームワークなどところどころでdocument.createStyleSheet()が使用されているようです。利用者数が多くその影響範囲が大きい最たる例がFacebookのいいねボタンとなります。11で引き起こす不具合についてFacebookのいいねボタンをはじめとしたdocument.createStyleSheet()関数を含んでいるスクリプトの多くではdocument.createStyleSheet()が実行されなかった場合のフォールバックコードを用意していることがあります。その中で、Facebookのいいねボタンで用意されていたフォールバックコードでは偶発的にIE11においてバグを誘発させ、以降CSS3のキーフレームアニメーション(@keyframes)や@-ms-viewport指定が動作しなくなります。これは以下の条件が重なりあって発生するようです。これまでIE専用だったdocument.createStyleSheet()関数がIE11より削除されたIE11にdocument.createStyleSheet()関数が存在しなくなったことで、各種スクリプト側でフォールバックとして用意されているコードが走ることになるフォールバック用のコードの中でIE11の既存のスタイルオブジェクト(キーフレームアニメーションや@-ms-viewport)を破壊する(cssTextプロパティに文字列としてCSSを追加している)コードが実行されている場合があり、IE11では既存のスタイルオブジェクト(キーフレームアニメーションや@-ms-viewport)を認識できなくなる不具合が発生するもちろん、これはFacebookのいいねボタンであれば、Facebook側がdocument.createStyleSheet()を使用していないコードに修正すれば、解決される問題であります。2014年2月18日現在もコードは修正されていません。多くの人が不具合を招いていると訴えかける必要があるのでしょう。11から削除されてしまったdocument.createStyleSheet()関数を再び認識できるようにしてあげる方法です。ここでは、@asamuzakjpさんより提示頂いた方法を紹介します。});})(document);上記のコードをFacebookのいいねボタンなどに代表されるdocument.createStyleSheet()を含むコードが実行される前に実行します。11が事前にdocument.createStyleSheet()関数を認識できるようになるので、フォールバックコードによって引き起こされるキーフレームアニメーション(@keyframes)や@-ms-viewportが認識できなくなるバグの誘発を回避できます。Halikka(harriha)さんに深く感謝申し上げます。筆者と一緒に本件の原因究明にご尽力頂いた@asamuzakjpさんに深く感謝申し上げます。原因が究明でき、おかげ様で筆者のサイトではIE11でも気持ちよくキーフレームアニメーションが動作するようになりました。stylingホイール系イベント2014年版クロスブラウザjQueryのdata-*属性キャッシュ仕様と対策ContactWeb制作に関するご相談、お気軽にお問い合わせください。/WebデザイナーContactSubscribeTwitterFacebookGoogle+。