今天使用了动态加载CSS的方法,但是如下动态调用的话是无法正确在IE中加载,当然在firefox和chrome中是正常的。
当时我特意去查看了一下html发现在head中是有成功的插入该语句
<link rel="stylesheet" type="text/css" href="source/uploadify/resource/uploadify.css"/>
但是为什么IE不会去动态加载呢?
看到一句比较经典的解释:
Once IE has processed all the styles loaded with the page, the only reliable way to add another stylesheet is with document.createStyleSheet(url)
修改代码如下,就可以成功加载啦!
分享到:
相关推荐
link rel=stylesheet type=text/css href=all-ie-only.css /> <![endif]--> 但是如果是IE10以上时,这个办法就不是很适用了。 IE10或IE11: 使用媒体查询(-ms-high-contrast)来加载样式表。由于-ms-high-...
IE11CSS变量Polyfill Internet Explorer 11的最完整的“自定义属性” polyfill。 在大约70'000个 已停产 IE11的市场份额正在稳步下降。 我个人不再需要支持IE11。 这就是为什么我决定停止从事该项目的原因。 特征 ...
这不符合require-css的意义)respond.js 源项目在require-css 源项目在css.min.jsrequire-css 使用此文件,兼容IE respond.js因respond.js只认link标签,所以修改CSS加载方式仅为动态创建link标签, 且在加载成功后...
1 添加删除menu项目时,首先,在html页面中添加menu内容,其次,必须要在js文件中最上面添加删除“time”和“link”对象声明,最后要在html页面的开头添加删除初始化项目“initialCssDiv(no)”。有几行menu项目,...
异步加载css文件或者异步加载css模块,支持所有浏览器,包括IE,参考至javascript高级编程 1.createLink方法用于创建一个style标签并添加到head标签中 2.createModule方法用于创建一个style样式表的标签,并且如果在...
测试: 正常的CSS加载代码写法: <link rel=stylesheet href=http://www.test.com/main.css type=text/css /> 这样写大家都知道加载是不会有任何问题的,所以也不贴监控图解释了。 在经过html压缩后(去掉...
1.引用js和css <link href="jquery.mCustomScrollbar.css" rel="stylesheet" type="text/css"> <script src="http://libs.baidu.com/jquery/1.9.1/jquery.min.js"></script> ...
<style type="text/css">@import url(foo.css) print;...@import—是css2.1提出的,所以老版本的浏览器不支持,@import只能在IE5以上才能识别,相反link不会出现此问题; 3.使用dom控制样式的差别: ja
W3C:“W3C” 列的数字显示出伪类属性由哪个 CSS 标准定义(CSS1 还是 CSS2)。 伪类 作用 IE F N W3C :active 将样式添加到被激活的元素 4 1 8 1 :focus 将样式添加到被选中的元素 – – – 2 :hover 当...
再比如,IE6默认只有2个下载线程!也就是说,同时只能进行2个资源请求、无论你网速有多快。 所以网页前端速度优化的一个重要项目就是:减小资源请求数。 事实上,业界有很有名气的js,css合并压缩开源程序:minify...
1 添加删除menu项目时,首先,在html页面中添加menu内容,其次,必须要在js文件中最上面添加删除“time”和“link”对象声明, 有几行menu项目,就要声明几对“time”和“link”对象。time对象是针对此行menu项目的...
已知限制某些副作用可能会导致某些浏览器IE无法正确计算CSS linear-gradient()的currentColor关键字( )。 这将影响使用渐变背景图像的图标(仅几个)。如何使用它? 使用npm install iconicss或下载 npm install ...
link href="css/index.css" rel="stylesheet"> <link href="css/message.css" rel="stylesheet"> <!-- jQuery (Bootstrap 的所有 JavaScript 插件都依赖 jQuery,所以必须放在前边) --> [removed...
必须等head样式加载完后才开始进行页面css等的渲染(如加载完了外联链接以及图片等后,页面再进行渲染) head节点下不可有src属性等,也不可有外联请求链接 scripts必须在link前,不可在link后 尽量做到head下的请求...
代码如下:<!...<head><title>Destroydrop » Javascripts » Tree<...link rel=”StyleSheet” href=”dtree.css” type=”text/css” />[removed][removed]</head><body>
首先要明确这么一个问题,之所以会出现IE6偶尔无法加载CSS的现象,是因为文件出现了乱码,导致后面的加载CSS的link无法被IE6正确解析。因此就看到了一个纯HTML页面,没有CSS,赤裸裸!明确了问题,剩下的问题就好...
link rel="stylesheet" href="****.css" media="all" type="text/css" /><![endif]--> StaticCss::instance()->addCss('http://jquickform.ru/cms/quickform.css', 'lte IE 7'); 添加虚拟样式表文件(将在...
伪类是CSS 用于向某些选择器添加特殊的效果,chrome和firefox中的css监控并不会显示所有的样式,有些显示会有点不全,IE下还是有点问题的,不过大体不变
页面被加载的时,link会同时被加载,而@import被引用的CSS会等到引用它的CSS文件被加载完再加载; import只在IE5以上才能识别,而link是HTML标签,无兼容问题; link方式的样式的权重 高于@import的权重.
在<head>里添加<meta http-equiv="X-UA-Compatible" content="IE=7" />即可 注意要添加在引入样式表<link href="../css/css.css" type="text/css" rel="Stylesheet" />的前面