文章/答案/技术大牛

发布

社区首页 >问答首页 >注入链接样式表优先于IE7+中的现有样式

问注入链接样式表优先于IE7+中的现有样式
EN

Stack Overflow用户

提问于 2010-07-01 21:47:44

回答 1查看 1.2K关注 0票数 4

IE在级联动态样式表时似乎有一个bug。有没有人知道有没有解决办法？请考虑以下内容：

<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>

注入的'test.css‘包含#test{background:green}。

即使我们将<link>放在<style>标记之前，IE7+也会用注入的样式表覆盖样式，并应用绿色作为背景。

FF/Chrome这样做是正确的，让style标签优先于插入的link标签，这样背景就会保持红色。

css

internet-explorer

css-cascade

javascript

回答 1

Stack Overflow用户

回答已采纳

发布于 2010-07-02 22:57:03

我认为原因在于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);

票数 1

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/3158370

复制

相似问题

问注入链接样式表优先于IE7+中的现有样式
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问注入链接样式表优先于IE7+中的现有样式EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问注入链接样式表优先于IE7+中的现有样式
EN