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

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

Barbara Streisand
发布: 2024-11-29 18:14:14
原创
132 人浏览过

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中文网其他相关文章!

来源:php.cn
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
作者最新文章
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板