Javascript Jquery 添加样式表 IE

Question

这是我的代码源:

            nodeCss = $('<link rel="stylesheet" href="about:blank" type="text/css" 

media="all" />');
                nodeCss.attr('href',css_file);
                $("head").append(nodeCss);

我在 IE 上有两个问题:

• 首先是样式表第一次被忽略:我的页面允许我重新加载代码，当我这样做时，样式表不再被忽略。在插入样式表所定位的新元素之前，可能必须先加载样式表。

• 第二个问题，所以第一个可以被“破解”(因为只在 IE 上)，它是我的动态样式表中的背景“url(...)”永远不会通过 javascript 在动态加载 css 文件中加载.与 HTML 上的普通样式表相同的操作宽度会导致背景正常。还有一点，只有 IE:Chrome 和 Firefox 做得很好。

对不起我的语言，我会说一点英语，请理解。

非常感谢。

Answer 1

尝试为 IE 浏览器使用 document.createStylesheet。 MSDN 有一个 article关于如何使用此方法。

潜在的跨浏览器解决方案:

(document.createStyleSheet) ? document.createStyleSheet(css_file) : $('<link rel="stylesheet" type="text/css" href="' + css_file + '" />').appendTo('head')