IE10 (Windows 8 および RT を含む Windows 8 のみ) では、画面の外側からアニメーション化された (CSS3 + )を使用divしています。overflow : autotransitiontransform
このdiv(プレーン テキスト) の内容は、トランジションが終了するまでレンダリングされません。つまり、divは空に見えます。
を設定overflow : hiddenすると、問題はなくなります。
この動作はここで再現されます: http://jsbin.com/inUsayU/5/ (この jsBin リンクは IE10 でのみ機能します)
画面を分割したままにし (分割されていない場合は、CSS と HTML ペインを追加します)、最初のリンクにカーソルを合わせると、divトランジションが空になるはずです。2 番目のリンクにカーソルを合わせてみてください。もう一方のリンクは正常にdiv遷移します。多くの場合 (常にではありません)、問題が 1 回だけ発生するため、毎回「Run with JS」で再起動する必要がある場合があります。
私のプロジェクトでは、UA Sniffing を使用して醜いソリューションをハッキングしoverflow、移行の前後で状態を切り替えましたが、より簡単な説明/解決策を提供していただければ幸いです。