IE で動的 CSS 読み込みが機能しないのはなぜですか?どうすれば修正できますか?

CSS スタイルシートの動的読み込みは IE ではサポートされていません

このシナリオでは、jQuery を使用して CSS スタイルシートの動的読み込みが試行されます。この手法は Firefox と Google Chrome では成功しますが、IE では失敗します。

解決策

IE では、ページとともに読み込まれたすべてのスタイルが処理されると、 、追加のスタイルシートを導入する唯一の信頼できる方法は、 document.createStyleSheet(url) を使用することです。このアプローチの詳細については、createStyleSheet に関する MSDN 記事を参照してください。

ソリューションを組み込んだ修正コードは次のとおりです。

url = 'style.css';
if (document.createStyleSheet)
{
    document.createStyleSheet(url);
}
else
{
    $('<link rel="stylesheet" type="text/css" href="' + url + '" />').appendTo('head'); 
}

このアプローチでは、他のブラウザーの機能を維持しながら、IE との互換性が確保されます。

以上がIE で動的 CSS 読み込みが機能しないのはなぜですか?どうすれば修正できますか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。