?

问题描述:

页面引用page.css,page下又引用(@import)a.css,a.css下引用a1.css,a2.css,a3.css....

(ie允许引用4级,4级以后无效,每个.css最多允许引用31个css文件)

如当a1.css中有变动时,页面在不刷新的情况下需要应用上a1.css变动的样式.

?

问题分析:

直接在页面通过js重新加入page.css的引用时,由于ie缓存的原因,发现page.css没有变动,不会重新加载.

?

解决办法:

改变link的type属性,修改href后重新设置type属性,浏览器重新加载所有引用级别css

?

jq实现如下:
?function refreshPageCss(pageCssName) {
??var t = $("link[href*='" + pageCssName + "']");
??t.attr("type", " ").attr("href", pageCssName).attr("type", "text/css");
?}