首页 >web前端 >css教程 >为什么动态 CSS 加载在 IE 中不起作用,如何修复它?

为什么动态 CSS 加载在 IE 中不起作用,如何修复它?

Barbara Streisand
Barbara Streisand原创
2024-11-29 18:14:14192浏览

Why Doesn't Dynamic CSS Loading Work in IE, and How Can I Fix It?

IE 不支持动态加载 CSS 样式表

在此场景中,尝试使用 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 的兼容性,同时保持其他浏览器中的功能。

以上是为什么动态 CSS 加载在 IE 中不起作用,如何修复它?的详细内容。更多信息请关注PHP中文网其他相关文章!

声明:
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn