私はこれで2日間立ち往生しているので、SOの質問をする時が来たと思います。
最近、 Sass-Twitter-Bootstrap経由で Rails アプリの Bootstrap を 2.0.4 から 2.1.0 にアップグレードしました. ローカルでは、すべてが問題ないように見えました。あちこちでいくつかのマイナーな改造を行いましたが、深刻な問題は見られませんでした。そこで、Heroku にプッシュし、アセットをコンパイルして、Chrome と Firefox にサイトをロードしました。素晴らしく、完璧で、すべてが良さそうに見えました。IE9でテストするまで。IE9 は、部分的にコンパイルされた application.css のように見えるものをロードしました。Chrome で application.css を表示すると、見栄えがよくなりますが、IE はランダムなポイントでそれを切り落とします。アセットのコンパイル中にエラーが発生しなかったため、Bootstrap CSS のランダムなポイントで CSS のレンダリングを常に停止しているように見えるため、最終的にコンパイルされた application.css で IE が何らかの問題を抱えているようです。たとえば、IE の開発者ツールで application.css を表示すると、CSS は Bootstrap Sass モデル コンポーネント (application.css. scss には、その時点でインポートする必要のある多数の scss ファイルが残っています)。Chrome の開発者ツールには、コンパイルされた CSS ファイル全体が表示されます。IE で直接 application.css ファイルに移動すると、CSS ファイル全体もダウンロードされます。
Bootstrap 2.1.1 へのアップグレードに問題があることを確認しました。アップグレード前にロールバックすると、すべてのブラウザですべてが通常どおり機能します。魔法のように問題が解決することを期待して、 bootstrap-sass gem に切り替えてみました。それはしませんでした。IE で application.css がレンダリングを停止しているように見える Bootstrap コンポーネント (modals.css.scss ファイル) を削除すると、bootstrap.scss ファイル内の次の CSS コンポーネントでレンダリングが停止するだけです。このプロセスは、私が引き出すすべての SCSS コンポーネントに対して継続するように思われるため、奇妙なことにこの問題を引き起こしている CSS の正確な行を特定することはほとんど不可能に思えます。IE は、特定の時点で CSS のレンダリングをあきらめたいようです。
いくつかの構成を提供したいと思いますが、現時点では実際に何を提供すればよいかわかりませんので、何でもお気軽にリクエストしてください。私は今、何を試すべきか迷っているので、どんな意見やガイダンスも大歓迎です...そしてそれはめったに起こりません。