javascript - 动态添加 css 文件到 head(在 IE 中优先级相反)

Question

我将带有 javascript 的 .css 文件添加到头部，并以最高优先级最后和最低优先级优先顺序排列它们。

喜欢:

base.css
theme.css
responsive.css

除了 IE(我测试过 IE8、9 和 10)之外，这适用于我尝试过的所有浏览器，但如果我颠倒顺序:

responsive.css
theme.css
base.css

它适用于 IE(8,9,10)，但并非适用于所有现代浏览器。

有没有IE优先级的bug？如果我静态添加文件没有问题，那么它似乎是一个 javascript 问题，但仅适用于 IE。

有人知道这个问题或解决方案吗？

Answer 1

一种解决方案是首先使用 javascript 检查所使用的浏览器类型。

BrowserDetect.browser

然后使用 if-else 语句..

if(IE){
  responsive.css
  theme.css
  base.css
}
else{
  base.css
  theme.css
  responsive.css
}