个人中心
文章发布
退出
作者热门文章
- iOS/Objective-C 元类和类别
- objective-c - -1001 错误，当 NSURLSession 通过 httpproxy 和/etc/hosts
- java - 使用网络类获取 url 地址
- ios - 推送通知中不播放声音
27
4
在级联动态样式表时，IE 中似乎存在一个错误。有谁知道是否有解决方法？考虑一下:
<head>
<style>#test{background:red;}</style>
</head>
<body>
<div id="test">test</div>
<script>
var link = document.createElement('link');
var style = document.getElementsByTagName('style')[0];
link.rel = 'stylesheet';
link.href = 'test.css';
style.parentNode.insertBefore(link, style);
</script>
</body>
注入(inject)的“test.css”包含#test{background:green} .
即使我们将 <link>在 <style> 之前标记，IE7+ 将使用注入(inject)的样式表覆盖样式并应用绿色作为背景。
FF/Chrome 以正确的方式做到这一点，并让样式标签优先于注入(inject)的链接标签，因此背景保持红色。
最佳答案
我认为造成这种情况的原因是 IE 定义 insertBefore 的方式。在 IE 中，您只能将一个参数传递给 insertBefore 方法，它的行为与 appendChild 相同。我认为他们所做的是插入它然后移动它。如果它们在插入点呈现，那么它将正确呈现。
我能想到的唯一解决方法如下(这并不理想):
var link = document.createElement('link');
var style = document.getElementsByTagName('style')[0];
var newstyle = style.cloneNode(true);
link.rel = 'stylesheet';
link.href = 'test.css';
style.parentNode.insertBefore(link, style);
style.replaceNode(newstyle);
关于javascript - 注入(inject)的链接样式表优先于 IE7+ 中的现有样式，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/3158370/
27
4
0
我是一名优秀的程序员,十分优秀！